File tree Expand file tree Collapse file tree 5 files changed +107
-5
lines changed Expand file tree Collapse file tree 5 files changed +107
-5
lines changed Original file line number Diff line number Diff line change @@ -88,4 +88,6 @@ V:View,视图,也就是 HTML
88
88
```
89
89
VM:ViewModel,就是连接数据和视图的桥梁,当 Model 发生改变的时候,ViewModel 便将数据映射到视图。
90
90
91
- 那么数据驱动模式和 MVVM 模式有什么关系,换句话说,MVVM 是数据驱动模式的一种实现,Vue 是 MVVM 的一种实现。
91
+ 那么数据驱动模式和 MVVM 模式有什么关系,换句话说,MVVM 是数据驱动模式的一种实现,Vue 是 MVVM 的一种实现。
92
+
93
+
Original file line number Diff line number Diff line change 1
1
[ 登陆页效果预览] ( https://dk-lan.github.io/vue-erp/VueERP/dist/index.html#/login )
2
+ # 项目说明
3
+ 项目基于 bootstrap 样式打造,可能在样式上会有一些小兼容问题,在此暂时忽略,本项目以实现功能为主。
4
+ 脚手架的搭那是基于 Vue-cli,具体步骤如下:
5
+ 1 . npm install -g vue-cli
6
+ 2 . D: (跳转到项目目录)
7
+ 3 . vue init webpack-simple vueproject (vueproject 为项目目录名称,可行更改)
8
+ 4 . cd vueproject
9
+ 5 . npm install
10
+ 6 . npm run dev
2
11
3
12
# 项目文件结构
4
13
- dist [ 构建目录]
Original file line number Diff line number Diff line change @@ -18,17 +18,14 @@ import App from './App.vue'
18
18
19
19
Vue . directive ( 'datepicker' , {
20
20
inserted : ( element , binding , vnode ) => {
21
- console . log ( vnode )
22
21
var _datepicker = $ ( element ) . datepicker ( {
23
22
language : 'zh-CN' ,
24
23
pickTime : false ,
25
24
todayBtn : true ,
26
25
autoclose : true
27
26
} ) . on ( 'changeDate' , ( ev ) => {
28
- //dataform.birthday.a.b.cmc
29
27
var model = vnode . data . attrs [ 'data-model' ] ;
30
28
if ( model ) {
31
- //['dataform', 'birthday']
32
29
var models = model . split ( '.' )
33
30
var context = vnode . context
34
31
models . map ( ( ele , idx ) => {
Original file line number Diff line number Diff line change @@ -8,7 +8,7 @@ import $ from 'jquery'
8
8
const LOCAL_SERVER = 'http://localhost:81/cloudapi/' ;
9
9
10
10
const DEV_SERVER = '' ;
11
- const PRO_SERVER = '' ;
11
+ const PRO_SERVER = 'http://www.dk-lan.com/cloudapi/ ' ;
12
12
13
13
function getUrl ( path ) {
14
14
if ( path . startsWith ( 'http' ) ) {
Original file line number Diff line number Diff line change
1
+ - Node.js 篇
2
+ - Node.js 介绍
3
+ - 环境搭建
4
+ - 模块系统
5
+ - 第三方模块(npm 篇)
6
+ - Node.js API
7
+ - 路由
8
+ - Express
9
+ - MongoDB 篇
10
+ - MongoDB介绍和环境搭建
11
+ - 数据库操作
12
+ - 文档操作
13
+ - 用户操作
14
+ - 复杂查询
15
+ - Node.js 操作 MongoDB
16
+ - Socket 篇
17
+ - 介绍
18
+ - WebSocket
19
+ - Socket.io
20
+ - 混合开发之 cordova 篇
21
+ - 配置环境
22
+ - 调用摄像头
23
+ - 地理定位
24
+ - 打包
25
+ - 混合开发之 H5+ 篇
26
+ - 配置环境
27
+ - 调用摄像头
28
+ - 地理定位
29
+ - 打包
30
+ - 微信公众号
31
+ - 微信 JS-SDK
32
+ - 微信授权登录
33
+ - 调用摄像头
34
+ - 地理定位
35
+ - 扫一扫功能实现
36
+ - React
37
+ - 介绍
38
+ - JSX 语法
39
+ - webpack + babel + es6 + sass 环境搭建
40
+ - 组件
41
+ - 组件生命周期
42
+ - 路由
43
+ - Flux
44
+ - Redux
45
+ - 项目应用(webapp 构建一个 IM 即时通讯工具)
46
+ - 环境搭建:React + Redux + webpack + es6 + sass + Node.js + MonogDB + Socket
47
+ - 注册
48
+ - 登录
49
+ - 通讯录
50
+ - 好好聊天
51
+ - 群组聊天
52
+ - 将项目分别用打包成 Android 和 IOS 的 APP,同时部署到 web 和 微信公众号
53
+ - Vue.js 篇
54
+ - 简介
55
+ - 模版语法
56
+ - 计算属性
57
+ - Class 与 Style 绑定
58
+ - 监听器
59
+ - 事件处理器
60
+ - 修饰符
61
+ - 组件
62
+ - 路由
63
+ - Vue-cli
64
+ - Vuex
65
+ - 项目应用(实现一个电商管理系统)
66
+ - Vue + Vuex + webpack + es6 + sass + Node.js + MonogDB
67
+ - 登录
68
+ - 用户管理
69
+ - 商品系统
70
+ - 订单系统
71
+ - Angularjs 2.+ 篇
72
+ - TypeScript 基础
73
+ - 模版语法
74
+ - 指令
75
+ - 服务
76
+ - 依赖注入
77
+ - 组件
78
+ - 生命周期
79
+ - 路由导航
80
+ - 项目应用(WebApp 电商网站)
81
+ - 环境搭建:Angular2.0 + webpack + es6 + sass + Node.js + MonogDB
82
+ - 配合上一个项目(电商管理系统)
83
+ - 首页
84
+ - 列表页
85
+ - 分类
86
+ - 详情页
87
+ - 购物车
88
+ - 用户中心
89
+ - 登陆
90
+ - 注册
91
+ - 地址管理
92
+ - 密码修改
93
+ - 个人信息
94
+ - 订单管理
You can’t perform that action at this time.
0 commit comments