基于Express, React, AntD和MongoDB构建一个CMS系统

Demeter是一个CMS系统,提供用户体系以及App项目相关内容管理. 其中会包括用户模块,项目模块和归档模块等. 该系统会长期迭代和维护.

项目地址: https://github.com/HiJesse/Demeter

项目部署和启动

1. 安装并建立一个名为demeter的mongo数据库
2. clone仓库在项目跟目录下执行npm install
3. 安装配置pm2 npm install pm2 -g
4. 项目根目录下 npm run deploy部署项目
5. 浏览器打开http://localhost:3000/站点进入demeter登录页
6. 根目录下 npm run undeploy卸载项目.

用户模块

提供用户体系. 用户分为管理员和普通用户两个权限,管理员可以对所有用户信息进行管理.

• 登录

  提供登录操作,键入账号密码登录Demeter. 提供输入校验.

• 修改密码 (未登录)

  在登录页点击修改密码跳转到该页面. 用户如果知道自己的账号密码就可以通过该页面修改密码. 如果忘记密码了则需要联系管理员重置账号密码.

• 首页

  登录成功之后进入系统首页,首页默认展示仪表盘页面. 该页面展示当前系统注册用户数和已经创建的项目数. 页面左侧为模块菜单,顶部显示用户名,用户权限以及推出登录按钮. 用户管理模块和项目管理模块只有管理员可以看到并操作.

• 个人中心

  个人中心模块提供基本用户信息修改和修改密码功能. 修改基本信息页可以修改用户昵称.

  修改密码页面可以对已有密码进行修改.

• 用户管理(管理员)

  用户管理模块需要管理员权限才能访问. 提供新建用户,重置用户密码和用户列表展示. 新建用户时只能输入账号,用户昵称默认为匿名,用户权限默认为普通用户

  管理员可以根据用户提供的账号重置该用户的密码. 默认密码为a123456.

  用户列表可以分页展示所有的用户信息,并提供管理用户的功能.

  分页列表提供根据账号模糊搜索,修改用户昵称,重置用户密码和删除用户功能.

  1. 模糊搜索

  2. 修改用户昵称

  3. 重置用户密码

  4. 删除用户

项目模块

提供项目管理功能. 新建一个项目时会生成Android 和IOS两个平台对应的子项目,同时生成两个唯一的App ID作为该项目对应平台的唯一标识,可以在不同的场景使用,例如移动端原生接入或者作为脚本参数等. 之后的业务模块都以项目为单位展开. 该模块提供以下管理功能.

• 创建项目

  管理员可以创建一个新项目,输入项目名称,项目简介并上传项目Logo.

• 项目列表 (管理员)

  所有建立成功的项目都会在项目列表中展示. 列表分页展示所有的项目信息,并提供根据项目名称模糊查询; 平台ID查询; 项目信息显示; 项目信息更新; 成员管理以及项目删除的功能.

  1. 模糊搜索

  2. AppID查询

     选中某个项目的特定平台Logo上时会展示该项目所选平台的AppID. AppID为项目+平台的唯一标识.

  3. 更新项目信息

     提供修改项目Logo和项目简介的入口.

  4. 成员管理

     将用户模块和项目模块结合起来,用户和项目呈多对多的关系. 在项目管理模块中提供项目成员的添加和删除.

  5. 删除项目

     管理员有权限将已有的项目删除,在删除之前会将所有的用户先移除该项目.

• 项目列表 (普通用户)

  普通用户可以查询到自己所加入的项目列表. 在项目信息展示方面跟管理员所查询到的项目列表保持一直. 但是在功能上普通用户只保留了退出项目的选项.

相关文档

• 在redux-observable中替换fetch请求网络数据

转载请注明出处:http://www.52php.cn/article/p-uafyttjx-bqs.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!