前台界面 vue ssr ,后台管理界面 react spa 多权限管理的社区系统,涵盖了大部分前端技术(分享)

2020-01-03 14:59:10 +08:00
 xiaoquan1995

这个项目用了 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

2152 次点击
所在节点    Vue.js
38 条回复
SniperXu
2020-01-03 15:50:01 +08:00
我还以为我打开了简书。。。
xiaoquan1995
2020-01-03 16:37:09 +08:00
@SniperXu 哈哈,我抄了样式
xiaoquan1995
2020-01-03 16:37:55 +08:00
样式部分抄了一些,这个我必须要提前说明,但是功能都是手写,哈哈
rimutuyuan
2020-01-03 16:42:02 +08:00
先点用户管理,后点小书管理,会同时显示两个子界面
gengbo25hao
2020-01-03 16:55:01 +08:00
后台登录提示 错误信息:5-22 个英文字符!
ylsc633
2020-01-03 16:56:39 +08:00
很棒!!

前台颜色太亮..
后台有点卡..

先 star, 后续我重构我 bbs 的时候,抄一下 ssr (非前端,所以不太擅长这块)
robinlovemaggie
2020-01-03 17:01:34 +08:00
grophql or graphql?
laravel
2020-01-03 17:13:18 +08:00
有点儿厉害,学习学习
yhxx
2020-01-03 17:14:19 +08:00
静态资源是不是可以考虑找个 CDN 用一下

而且一共也只有不到 2M,我这加载了 12 秒。。。1M 带宽的服务器?
xiaoquan1995
2020-01-03 17:16:40 +08:00
@robinlovemaggie 阿西吧,写错了,马上改
xiaoquan1995
2020-01-03 17:21:12 +08:00
是 graphql,写错了,v2 下次发文章一定要好好看清楚字,阿西吧,现在不能修改了,我的锅,
xiaoquan1995
2020-01-03 17:21:33 +08:00
@rimutuyuan 好的,已经记录
xiaoquan1995
2020-01-03 17:23:32 +08:00
@gengbo25hao 可以登录,看看是不是输入错密码了,我好像没有去掉前后空格,看看有没有空格
Bean0cean
2020-01-03 17:23:50 +08:00
学习 学习
xiaoquan1995
2020-01-03 17:24:36 +08:00
@yhxx 是可以,主要是好点的要钱,免费的,怕不稳定
xiaoquan1995
2020-01-03 17:25:31 +08:00
@ylsc633 后台代码马上会重构,等 antd 4.0 出来,马上重构代码,加载速度会优化很多,
xiaoquan1995
2020-01-03 17:26:32 +08:00
大 V2EX 感觉是最活跃的社区了,发的几个社区,v2 感觉是最活跃的
xiaoquan1995
2020-01-03 17:27:16 +08:00
@yhxx 前台会很快,后台是有点慢,近期开始重构了,带宽是 2M 的
grewer
2020-01-03 17:33:10 +08:00
antd 的 icon 不是能用 alias 解决么
iseejun
2020-01-03 17:33:17 +08:00
小老弟,加油,到时用你的系统上一个站哈

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/634783

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX