Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/didilinkin/vue-spa-wx-shangchao
上朝科技 - 物业管理系统 - 微信公众号网站 - Vue2.0
https://github.com/didilinkin/vue-spa-wx-shangchao
async-await axios babel es2015 es2016 eslint faker gulp layzr mint-ui mockjs picker pug-templates sass sweetalert2 vue-cli-template vue-router2 vue2 vuex2 webpack2
Last synced: 3 months ago
JSON representation
上朝科技 - 物业管理系统 - 微信公众号网站 - Vue2.0
- Host: GitHub
- URL: https://github.com/didilinkin/vue-spa-wx-shangchao
- Owner: didilinkin
- License: mit
- Created: 2017-04-19T07:41:05.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-09-29T08:56:10.000Z (over 7 years ago)
- Last Synced: 2024-09-28T22:06:16.280Z (3 months ago)
- Topics: async-await, axios, babel, es2015, es2016, eslint, faker, gulp, layzr, mint-ui, mockjs, picker, pug-templates, sass, sweetalert2, vue-cli-template, vue-router2, vue2, vuex2, webpack2
- Language: Vue
- Homepage:
- Size: 1.47 MB
- Stars: 75
- Watchers: 6
- Forks: 30
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# shangchao-pms-wx
> 上朝科技-物业管理系统-微信公众号网站
>
> 本页面需要在服务器环境下访问( 可使用 `yarn run dev` 预览 ), 勿直接浏览静态页面
## 使用技术:
| 技术名称 | 作用 | 版本 |
| -------- | -----: | :----: |
| [Vuejs](http://cn.vuejs.org/) | 框架 | 2.2.6 |
| [Vuex](https://vuex.vuejs.org/zh-cn/) | 状态管理 | 2.3.1 |
| [Vue-router](http://router.vuejs.org/zh-cn/) | 路由管理 | 2.4.0 |
| [Axios](https://github.com/mzabriskie/axios) | 交互处理 | 0.16.1 |
| [Sass](https://www.sass.hk/) | 样式预处理器 | 4.5.2 |
| [Webpack](http://webpack.github.io/) | 模块打包 | 2.2.1 |
| [Gulp](http://www.gulpjs.com.cn/docs/getting-started/) | 自动构建工具 | 3.9.1 |
| [Babel](http://babeljs.cn/) | ES6转译ES5 | 6.22.1 |
| [Yarn](https://yarnpkg.com/zh-Hans/) | 模块依赖安装 | 0.20.3 |
| [Faker.js](http://marak.github.io/faker.js/) | 本地调试模拟接口 | 4.1.0 |
| [Mint-ui](https://museui.github.io/#/index) | UI框架 | 2.2.3 |
| [Pug](https://pugjs.org/zh-cn/api/getting-started.html) | Node模版语言 | 2.0.0-beta.12 |
## 使用插件:
| 插件名称 | 作用 | 版本 | 应用场景 |
| -------- | -----: | -----: | :----: |
| [better-picker](https://github.com/ustbhuangyi/picker) | ios风格移动端筛选器 | 1.1.3 |
| [sweetalert2](https://github.com/limonte/sweetalert2) | 美化弹框 | 6.6.2 |
| [Layzr.js](https://github.com/callmecavs/layzr.js) | 图片懒加载 + 自适应分辨率 | 2.2.2 |
| [vue-scrollto](https://github.com/rigor789/vue-scrollto) | Vue卷轴插件 | 2.6.7 |
| [vue-star-rating](https://github.com/craigh411/vue-star-rating) | Vue星星点评插件 | 1.3.2 |
| [vue-wechat-title](https://github.com/deboyblog/vue-wechat-title) | Vue动态修改微信网页标题插件 | 2.0.4 |
## Build Setup / 开发流程
#### **请尽量确保 本地Nodejs版本 >= 7**
``` bash
# 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 / 接口文档
### ['公告'接口](./docs/API-bulletin.md)
### ['绑定'接口](./docs/API-binding.md)
## **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` 处获取数据 和 状态