前台界面 vue ssr ,后台管理界面 react spa 多权限管理的内容发布系统,仿掘金
发布于 4 年前 作者 maoxiaoquan 5935 次浏览 来自 分享

这个项目用了 react、vue、node 、webpack、grophql、express 基本涉及到了前端大部分主流的技术了,都是用的最新的版本,都是从零开始搭建包括 ssr 脚手架,主要是让学的人,接触前端整个的生态圈,后期 node 会用 ts 重构,而且会根据所有框架的版本实时更新项目,个人对node特别喜欢,哈哈,所以就想写点东西,

kite

项目地址: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,和官网示例类似的)

client.png

后台管理界面 (react spa )

xiaosuibi_admin.png

初始化 (ejs)

init.png

LICENSE

MIT

7 回复

无实质内容,再发封号

做一个后台管理用ssr,意义何在?

挺好的 楼主 学习了 😁 已star

@i5ting 打扰了,可能我的标题起的有问题,但是内容并不是如你诉述, 我也只是一个node的学习者,我喜欢node,分享下自己学的做的,可能写的不是很好 标签我写的是分享,我不太清楚,cnode社区,分享下做的东西需要的文章格式是啥,

虽然可能您的时间比较忙,没有点链接查看就,就批判, 很大原因可能是我的标题描述有问题,在cnode社区, 我也用了三年多,虽然我不咋发贴,但是这个社区,不说每天,每个星期我几乎都会关注, 我觉得最权威,也最关注的就是您,但是让我今天看到这个消息有点难过, 这个文章,大概在您回复下后,我会删除, 我在cnode没写过啥,就分享了两次,一般只会看消息,您应该有权限,可以把这个文章删了, 然后帐号,我看下,能删除了,我自己就删除了, 打扰了,我写这个回复,没有任何别的意思,仅仅是表达下不满,希望不要引起其他的…

再次回复,仅仅是表达下

@maoxiaoquan

只发url地址真的没意义,如果想分享,就把技术栈,架构,思考,遇到的难点详细的写写。这个才是真的分享。目前你的主贴,只有一些名词,然后求star,我个人感觉缺少诚意。 写作其实成就是自己,受益最大的也是自己,希望你能明白。我并没有针对你,别人这样我看到了也会这样说的。

对于ssr,主要是c端用。在管理后台里,价值不大。性能要求不大,也没有seo需求,你想想是不是

@i5ting ssr是用在c端的, 看来还是的我的标题有很大的问题, 前台界面是vue ssr ,
后台界面是 react spa, 管理后台我咋会用ssr, 我觉得我得改善下写文的表达能力了,这篇文章我改写下 您看下上面的图片就知道了,我已经改写了下,后面再继续优化下这个文章

回到顶部