Awesome Open Source
Awesome Open Source

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

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

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Vue (84,303
Sass (6,070
Eslint (3,627
Axios (3,431
Babel (3,262
Gulp (2,739
Vue2 (1,566
Webpack2 (838
Async Await (588
Picker (587
Es2015 (518
Faker (263
Vuex2 (132
Related Projects