vue-spa-wx-shangchao

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

vue-spa-wx-shangchao

★ 77 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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` 处获取数据 和 状态

vue-spa-wx-shangchao

Today's picks

Was this content helpful?

Recent Feedback

vue-spa-wx-shangchao

Today's picks

Was this content helpful?

Recent Feedback

Download README