银地智慧社区管理后台
项目工程介绍
- 项目名称
cnlive-community-web-vue 银地智慧社区管理后台
- 技术栈
- vue3.x (vite)
- node v12.0.0+
- element-plus v1.0.0+
项目特点
- 前后端分离
- 模板方案
- 网站模板与网站程序完全分离
- 操作方式方便、易用、人性化
使用方法
- 安装:npm install
- 本地运行:npm run dev
- 测试环境打包:npm run build:stage
- 正式环境打包:npm run build:prod
测试账号
发布方式
试用地址
参考文档
项目架构
- dist 部署包
- public 静态资源
- src
- @type typescript描述文件
- api 交互接口
- assets 静态资源
- conponents 自定义组件
- Pagination 分页组件
- layout 公共样式布局
- enter.vue 汇总入口
- header.vue 头
- 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 全局静态变量
- views 业务逻辑页面
功能
- 机构管理
- 活动管理
- 缴费管理
- 社区管理
- 小区管理等
常见问题
-
登录时localhost cookie失效导致登录失败的问题:
- 配置本地host域名或者使用chrome 83- 版本
-
浏览器版本兼容性问题:
作者