中国网+智慧社区平台
项目工程介绍
- 项目名称
cnlive-community-web-vue 中国网+智慧社区平台
- 技术栈
- vue3.x (vite)
- node v12.0.0+
- vite v2.7.0+
- element-plus v1.0.0+
项目特点
- 前后端分离
- 模板方案
- 网站模板与网站程序完全分离
- 操作方式方便、易用、人性化
使用方法
- 安装：npm install
- 本地运行：npm run dev
- 测试环境打包：npm run build:stage
- 正式环境打包：npm run build:prod
- 文档本地预览：npm run doc
项目域名
- 正式：
- community.api.cnlive.com
- community.web.cnlive.com
- 测试：
- test.community.api.cnlive.com
- test.community.web.cnlive.com
测试账号
发布方式
- 服务器地址：120.92.119.11
- 服务器项目位置：cd /cnlive/cnlive-community-web-vue
- 账号：root
- 密码：du=K0dB1z
试用地址
参考文档
项目架构
- dist 部署包
- public 静态资源
- src
- @type typescript描述文件
- api 交互接口
- assets 静态资源
- conponents 自定义组件
- FileUpload 单文件上传组件
- Pagination 分页组件
- Uploader 单图上传组件
- layout 公共样式布局
- enter.vue 汇总入口
- header.vue 头
- icon.vue 菜单icon
- menu.vue 左侧菜单
- router 路由管理
- pinia 状态管理 新包 使用中
- store 状态管理 旧包 备用中
- style 样式
- element.scss 覆盖默认element样式
- global.module.scss scss中变量用在模板中
- menu.scss 菜单相关样式
- status.scss 状态变量
- reset.scss html原生标签样式统一重写
- variable.scss 主题色相关变量
- utils 全局js
- progress.ts 页面切换进度条
- varible.ts 全局静态变量
- tool.ts 全局方法
- validate.ts 格式验证方法
- scroll.ts 页面滚动
- views 业务逻辑页面
- community 小区管理
- dashboard 欢迎页
- error 错误提示页面 如404页
- housekeeper 楼管管家管理
- notify 公告管理
- ownerManagement 业主管理
- permission 权限管理
- property 物业管理
- role 角色管理
- system 系统设置
- user 用户管理 包含登录注册
- .env.development 本地开发环境配置
- .env.production 线上部署正式环境配置
- .env.staging 线上部署测试环境配置
- .gitignore 不上传git的文件配置
- index.html 入口html
- ie.html IE浏览器拦截提示页面
- package-lock.json 资源包
- package.json 资源包
- README.md 项目说明
- tsconfig.json typescript配置文档
- vite.config.ts vite配置文档
功能
- 机构管理
- 活动管理
- 缴费管理
- 社区管理
- 小区管理等
常见问题
-
登录时localhost cookie失效导致登录失败的问题：
- 配置本地host域名或者使用chrome 83- 版本
-
浏览器版本兼容性问题：
作者