前台界面 vue ssr ,后台管理界面 react spa 多权限管理的社区系统,涵盖了大部分前端技术(分享)
这个项目用了 react、vue、node、webpack、grophql、express 基本涉及到了前端大部分主流的技术了,都是用的最新的版本,都是从零开始搭建包括 ssr 脚手架,主要是让学的人,接触前端整个的生态圈,后期 node 会用 ts 重构,而且会根据所有框架的版本实时更新项目,个人对 node 特别喜欢,哈哈,所以就想写点东西,
kite
项目源码地址:https://github.com/maoxiaoquan/kite
前台演示网站地址: https://www.xiaosuibi.com/
后台演示网站地址: https://www.xiaosuibi.com/_admin
后台演示网站账户:kitetest 密码:q123456 (资源有点大,可能要加载一段时间)
说明
使用的技术栈:
前台方面:vue + vuex + vue-router + vue-server-renderer
后台方面:react + redux + react-redux + react-router + antd
server: express + mysql + graphql + apollo-server-express
公共部分:webpack
其他详细的直接看 package.json 就可以了,部分接口开始使用 graphql 改写 前台界面目前是用的 vue 的 ssr,但是没有采用 nuxt.js 代码的阅读应该还是可以的,后台界面采用的是 react 前台目前比较简单,就是一个多人文章发布系统,用户可以注册账号,发布文章,关注用户,喜欢文章,评论等等 后台管理文章的发布、审核,评论的审核,管理员权限管理,系统配置等等,前后台用户管理员独立 初始化界面是对整个文章发布系统的一个初始化,包括初始管理员角色,mysql 等等 前后台是写在一起的
目前需要优化的,以及存在的一些问题
vue 的 ssr 占用内存,非常高,需要对一些接口和页面进行缓存,目前存在的很大的问题
后台的加载有点慢,主要是 antd 的 icon 包太大了,等 4.0 解决,然后对后台界面程序翻新下
服务层的 node 接口代码某些地方写的有点陈旧,需要重写,打算开始使用 ts 重构
前台用户界面 ( vue ssr — 不是 nuxt.js 是最基础的 vue ssr,和官网示例类似的)

后台管理界面 (react spa )

初始化 ( ejs )

LICENSE
MIT