<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="/static/images1/BigData.css" rel="stylesheet" type="text/css">
<link href="/static/images1/index.css" rel="stylesheet" type="text/css">
<link href="/static/images1/index01.css" rel="stylesheet" type="text/css">
<script src="/static/images1/jquery.js"></script>
<link href="/static/images1/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/static/images1/bootstrap-table.css" rel="stylesheet" type="text/css">
<link href="/static/images1/Security_operation.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/static/images1/default.css" type="text/css">
<script src="/static/images1/laydate.js"></script>
<link type="text/css" rel="stylesheet" href="/static/images1/laydate.css">
<link type="text/css" rel="stylesheet" href="/static/images1/laydate(1).css" id="LayDateSkin">
<script src="/static/images1/Home_page.js"></script>
<script type="text/javascript"
src="http://api.map.baidu.com/api?v=2.0&ak=3546a8cb72e8fb1d148fddb77edaf17d"></script>
<script type="text/javascript" src="/static/images/Heatmap_min.js"></script>
<script type="text/javascript" src="/static/images/rem.js"></script>
<title>人员位置信息可视化大屏展示</title>
<style type="text/css">
.BMap_mask {
background: transparent url(http://api0.map.bdimg.com/images/blank.gif);
}
.BMap_noscreen {
display: none;
}
.BMap_button {
cursor: pointer;
}
.BMap_zoomer {
background-image: url(http://api0.map.bdimg.com/images/mapctrls1d3.gif);
background-repeat: no-repeat;
overflow: hidden;
font-size: 1px;
position: absolute;
width: 7px;
height: 7px;
}
.BMap_stdMpCtrl div {
position: absolute;
}
.BMap_stdMpPan {
width: 44px;
height: 44px;
overflow: hidden;
background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat;
}
.BMap_ie6 .BMap_stdMpPan {
background: none;
}
.BMap_ie6 .BMap_smcbg {
left: 0;
width: 44px;
height: 464px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://api0.map.bdimg.com/images/mapctrls2d0.png");
}
.BMap_ie6 .BMap_stdMpPanBg {
z-index: -1;
}
.BMap_stdMpPan .BMap_button {
height: 15px;
width: 15px;
}
.BMap_panN,
.BMap_panW,
.BMap_panE,
.BMap_panS {
overflow: hidden;
}
.BMap_panN {
left: 14px;
top: 0;
}
.BMap_panW {
left: 1px;
top: 12px;
}
.BMap_panE {
left: 27px;
top: 12px;
}
.BMap_panS {
left: 14px;
top: 25px;
}
.BMap_stdMpZoom {
top: 45px;
overflow: hidden;
}
.BMap_stdMpZoom .BMap_button {
width: 22px;
height: 21px;
left: 12px;
overflow: hidden;
background-image: url(http://api0.map.bdimg.com/images/mapctrls2d0.png);
background-repeat: no-repeat;
z-index: 10;
}
.BMap_ie6 .BMap_stdMpZoom .BMap_button {
background: none;
}
.BMap_stdMpZoomIn {
background-position: 0 -221px;
}
.BMap_stdMpZoomOut {
background-position: 0 -265px;
}
.BMap_ie6 .BMap_stdMpZoomIn div {
left: 0;
top: -221px;
}
.BMap_ie6 .BMap_stdMpZoomOut div {
left: 0;
top: -265px;
}
.BMap_stdMpType4 .BMap_stdMpZoom .BMap_button {
left: 0;
overflow: hidden;
background: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255, 255, 255, 0.85)), to(rgba(217, 217, 217, 0.85)));
z-index: 10;
-webkit-border-radius: 22px;
width: 34px;
height: 34px;
border: 1px solid rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 2px 3.6px #CCC;
display: -webkit-box;
-webkit-box-align: center;
-webkit-box-pack: center;
-webkit-box-sizing: border-box;
}
.BMap_stdMpType4 .BMap_smcbg {
position: static;
background: url(http://api0.map.bdimg.com/images/mapctrls2d0_mb.png) 0 0 no-repeat;
-webkit-background-size: 24px 32px;
}
.BMap_stdMpType4 .BMap_stdMpZoomIn {
background-position: 0 0;
}
.BMap_stdMpType4 .BMap_stdMpZoomIn .BMap_smcbg {
width: 24px;
height: 24px;
background-position: 0 0;
}
.BMap_stdMpType4 .BMap_stdMpZoomOut {
background-position: 0 0;
}
.BMap_stdMpType4 .BMap_stdMpZoomOut .BMap_smcbg {
width: 24px;
height: 6px;
background-position: 0 -25px;
}
.BMap_stdMpSlider {
width: 37px;
top: 18px;
}
.BMap_stdMpSliderBgTop {
left: 18px;
width: 10px;
overflow: hidden;
background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat -23px -226px;
}
.BMap_stdMpSliderBgBot {
left: 19px;
height: 8px;
width: 10px;
top: 124px;
overflow: hidden;
background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat -33px bottom;
}
.BMap_ie6 .BMap_stdMpSliderBgTop,
.BMap_ie6 .BMap_stdMpSliderBgBot {
background: none;
}
.BMap_ie6 .BMap_stdMpSliderBgTop div {
left: -23px;
top: -226px;
}
.BMap_ie6 .BMap_stdMpSliderBgBot div {
left: -33px;
bottom: 0;
}
.BMap_stdMpSliderMask {
height: 100%;
width: 24px;
left: 10px;
cursor: pointer;
}
.BMap_stdMpSliderBar {
height: 11px;
width: 19px;
left: 13px;
top: 80px;
overflow: hidden;
background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat 0 -309px;
}
.BMap_stdMpSliderBar.h {
background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat 0 -320px;
}
.BMap_ie6 .BMap_stdMpSliderBar,
.BMap_ie6 .BMap_stdMpSliderBar.h {
background: none;
}
.BMap_ie6 .BMap_stdMpSliderBar div {
top: -309px;
}
.BMap_ie6 .BMap_stdMpSliderBar.h div {
top: -320px;
}
.BMap_zlSt,
.BMap_zlCity,
.BMap_zlProv,
.BMap_zlCountry {
position: absolute;
left: 34px;
height: 21px;
width: 28px;
background-image: url(http://api0.map.bdimg.com/images/mapctrls2d0.png);
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
}
.BMap_ie6 .BMap_zlSt,
.BMap_ie6 .BMap_zlCity,
.BMap_ie6 .BMap_zlProv,
.BMap_ie6 .BMap_zlCountry {
background: none;
overflow: hidden;
}
.BMap_zlHolder {
display: none;
position: absolute;
top: 0;
}
.BMap_zlHolder.hvr {
display: block;
}
.BMap_zlSt {
background-position: 0 -380px;
top: 21px;
Django+Vue.js实战派，项目资料
需积分: 0 51 浏览量
更新于2023-06-16
收藏 110.98MB RAR 举报
在IT行业中，Django和Vue.js是两种非常流行的开源技术，它们在构建高效、现代的Web应用程序时发挥着重要作用。本资源"**Django+Vue.js实战派，项目资料**"显然提供了一套完整的实战教程或者项目案例，帮助开发者深入理解和掌握这两种技术的结合使用。
**Django** 是一个用Python编写的高级Web框架，它遵循MVC（模型-视图-控制器）架构模式。Django以其强大的功能和安全性著称，特别适合快速开发复杂的数据库驱动的网站。它的核心特性包括：
1. **ORM（对象关系映射）**：Django的ORM允许开发者使用Python代码来操作数据库，无需编写SQL语句，提高了开发效率。
2. **内置身份验证和授权系统**：Django提供了一套完整的用户认证和权限管理机制，使得处理用户登录、注册等安全问题变得简单。
3. **模板引擎**：Django的模板语言允许开发者创建动态HTML页面，支持变量替换和控制结构。
4. **URL路由**：Django通过简洁的配置实现URL到视图函数的映射，方便维护和扩展。
5. **内置开发服务器**：开发者可以在本地快速启动一个HTTP服务器进行测试。
**Vue.js** 是一个轻量级的前端JavaScript框架，以数据绑定和组件化为核心，让构建用户界面更加便捷。Vue的特点包括：
1. **响应式数据绑定**：Vue采用MVVM（模型-视图-ViewModel）架构，通过双向数据绑定将视图和数据模型紧密关联。
2. **组件化**：Vue的组件系统允许开发者将UI拆分成可复用的模块，提高代码的可维护性和复用性。
3. **指令系统**：Vue提供了一系列内置指令，如`v-if`、`v-for`，使得DOM操作更加简洁。
4. **虚拟DOM**：Vue使用虚拟DOM进行高效的更新，减少了对实际DOM的操作，提升了性能。
5. **易上手和易集成**：Vue的学习曲线平缓，且可以方便地与现有项目集成，比如与Django配合使用。
结合Django和Vue.js的项目，通常会在后端利用Django的强大功能处理数据和业务逻辑，同时提供RESTful API接口。前端则使用Vue.js构建用户界面，通过API与后端进行通信。这种方式的优点在于：
1. **前后端分离**：提高开发效率，前后端可以并行开发，同时有利于团队分工合作。
2. **更好的用户体验**：Vue.js的响应式更新和组件化设计能为用户提供流畅的交互体验。
3. **灵活性**：Django和Vue.js都有丰富的生态，可以根据项目需求选择合适的库和工具。
文件名"myshop-test"可能是一个电商项目的测试版本，这个项目可能包含了用户登录、商品浏览、购物车、订单处理等功能，是学习Django后端开发和Vue.js前端渲染的理想实践案例。开发者可以通过此项目资料学习如何在实际场景中整合这两个框架，提升自己的全栈开发能力。
Django+Vue.js实战派，项目资料 （2000个子文件） 
adminlte.css 825KB adminlte.css 825KB adminlte.css 774KB adminlte.min.css 723KB adminlte.min.css 723KB adminlte.min.css 674KB adminlte.core.css 414KB adminlte.core.css 414KB adminlte.core.css 386KB adminlte.core.min.css 352KB adminlte.core.min.css 352KB adminlte.core.min.css 328KB adminlte.plugins.css 197KB adminlte.plugins.css 197KB adminlte.plugins.css 195KB adminlte.components.css 179KB adminlte.components.css 179KB adminlte.plugins.min.css 179KB adminlte.plugins.min.css 179KB adminlte.plugins.min.css 176KB adminlte.components.min.css 163KB adminlte.components.min.css 163KB adminlte.components.css 140KB adminlte.components.min.css 126KB all.css 72KB all.css 72KB all.css 71KB fontawesome.css 70KB fontawesome.css 70KB fontawesome.css 70KB all.min.css 58KB all.min.css 58KB all.min.css 58KB fontawesome.min.css 57KB fontawesome.min.css 57KB fontawesome.min.css 56KB bootstrap-4.css 43KB bootstrap-4.css 43KB v4-shims.css 40KB v4-shims.css 40KB v4-shims.css 40KB main.css 39KB main.css 39KB flag-icon.css 37KB flag-icon.css 37KB jquery-ui.css 36KB jquery-ui.css 36KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB pace-theme-material.css 34KB jsgrid-theme.css 34KB jsgrid-theme.css 34KB bootstrap-4.min.css 34KB bootstrap-4.min.css 34KB flag-icon.min.css 33KB flag-icon.min.css 33KB jsgrid-theme.min.css 33KB jsgrid-theme.min.css 33KB jquery-ui.min.css 31KB jquery-ui.min.css 31KB summernote-lite.css 30KB summernote-lite.css 30KB summernote-lite.min.css 30KB summernote-lite.min.css 30KB sweetalert2.css 29KB sweetalert2.css 29KB v4-shims.min.css 26KB v4-shims.min.css 26KB v4-shims.min.css 26KB ambiance.css 26KB ambiance.css 26KB main.min.css 24KB main.min.css 24KB sweetalert2.min.css 24KB sweetalert2.min.css 24KB OverlayScrollbars.css 24KB OverlayScrollbars.css 24KB bootstrap-switch.css 23KB bootstrap-switch.css 23KB OverlayScrollbars.css 23KB adminlte.extra-components.css 23KB adminlte.extra-components.css 23KB adminlte.extra-components.css 21KB共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
5星 · 资源好评率100%161 浏览量
2018-05-23 上传
5星 · 资源好评率100%114 浏览量
5星 · 资源好评率100%126 浏览量
2024-01-09 上传
123 浏览量
2020-05-08 上传
139 浏览量
160 浏览量
5星 · 资源好评率100%167 浏览量
167 浏览量
5星 · 资源好评率100%163 浏览量
5星 · 资源好评率100% 5星 · 资源好评率100%资源评论
tclqsky
- 粉丝: 0
- 资源: 1
