cuitymiko / shangchao-pms-wx

上朝科技 - 物业管理系统 - 微信公众号网站 - Vue2.0

shangchao-pms-wx

上朝科技-物业管理系统-微信公众号网站

本页面需要在服务器环境下访问( 可使用 yarn run dev 预览 ), 勿直接浏览静态页面

使用技术:

技术名称	作用	版本
Vuejs	框架	2.2.6
Vuex	状态管理	2.3.1
Vue-router	路由管理	2.4.0
Axios	交互处理	0.16.1
Sass	样式预处理器	4.5.2
Webpack	模块打包	2.2.1
Gulp	自动构建工具	3.9.1
Babel	ES6转译ES5	6.22.1
Yarn	模块依赖安装	0.20.3
Faker.js	本地调试模拟接口	4.1.0
Mint-ui	UI框架	2.2.3
Pug	Node模版语言	2.0.0-beta.12

使用插件:

插件名称	作用	版本	应用场景
better-picker	ios风格移动端筛选器	1.1.3
sweetalert2	美化弹框	6.6.2
Layzr.js	图片懒加载 + 自适应分辨率	2.2.2
vue-scrollto	Vue卷轴插件	2.6.7
vue-star-rating	Vue星星点评插件	1.3.2
vue-wechat-title	Vue动态修改微信网页标题插件	2.0.4

Build Setup / 开发流程

请尽量确保 本地Nodejs版本 >= 7

# install dependencies/拉取项目,在项目路径下执行
# 国内环境建议使用cnpm install
npm install
cnpm install

# *推荐Yarn
yarn install

# serve with hot reload at localhost:8080
# npm安装依赖后,运行node服务器,打开 localhost:80 预览 (已运行热更新功能)
yarn run dev
npm run dev

# build for production with minification
# 当修改代码后,需要手动打包发布时,运行npm run build命令进行打包
yarn run build
npm run build

# 打包生产模式,缩小压缩包 -- 查看包分析报告
npm run build --report

API docs / 接口文档

'公告'接口

'绑定'接口

ToDoList

• Faker.js 模拟数据
• Mock.js 模拟数据( 中文模拟数据 )
• SPA 动态修改 页面 title信息方案
• 微信公众号开发 用户信息获取
• 性能优化: 将 MintUI的全部引入 改为 按需引入组件
• 处理模拟数据的 日期 + 时间
• 加入手势操作
• Picker 操作优化( 当第1级别改变, 除了2级改变之外 3级应该使用默认值 联动操作 )
• 'Picker' 优化内部命名( 将此组件与项目内容尽量分离; 目的 => 做成通用的组件 )
• 'Binding' 组件偶尔请求会失去反应
• 'Bill - 费用账单' 模块, 手风琴展开需要 动画效果
• 'Bill - 费用账单' 模块, 判空需要一个算法
• 'MtextBox - 多行文本框' 模块, 需要处理滚轮滚动时 文字高度限制问题
• 'MtextBox - 多行文本框' 模块, 最大字数 弹出提示
• 'FaultDetail - 报修详情' 模块, 是通过模板页 从 $store 处获取数据 和 状态