跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 前台界面 vue ssr ,后台管理界面 react spa 多权限管理的社区系统,涵盖了大部分前端技术(分享)
未分類
2020 年 6 月 3 日

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

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

資深大佬 : xiaoquan1995 54

这个项目用了 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,和官网示例类似的)

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

后台管理界面 (react spa )

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

初始化 ( ejs )

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

LICENSE

MIT

大佬有話說 (33)

  • 資深大佬 : SniperXu

    我还以为我打开了简书。。。

  • 主 資深大佬 : xiaoquan1995

    @SniperXu 哈哈,我抄了样式

  • 主 資深大佬 : xiaoquan1995

    样式部分抄了一些,这个我必须要提前说明,但是功能都是手写,哈哈

  • 資深大佬 : rimutuyuan

    先点用户管理,后点小书管理,会同时显示两个子界面

  • 資深大佬 : gengbo25hao

    后台登录提示 错误信息:5-22 个英文字符!

  • 資深大佬 : ylsc633

    很棒!!

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

    先 star, 后续我重构我 bbs 的时候,抄一下 ssr (非前端,所以不太擅长这块)

  • 資深大佬 : robinlovemaggie

    grophql or graphql?

  • 資深大佬 : laravel

    有点儿厉害,学习学习

  • 資深大佬 : yhxx

    静态资源是不是可以考虑找个 CDN 用一下

    而且一共也只有不到 2M,我这加载了 12 秒。。。1M 带宽的服务器?

  • 主 資深大佬 : xiaoquan1995

    @robinlovemaggie 阿西吧,写错了,马上改

  • 主 資深大佬 : xiaoquan1995

    是 graphql,写错了,v2 下次发文章一定要好好看清楚字,阿西吧,现在不能修改了,我的锅,

  • 主 資深大佬 : xiaoquan1995

    @rimutuyuan 好的,已经记录

  • 主 資深大佬 : xiaoquan1995

    @gengbo25hao 可以登录,看看是不是输入错密码了,我好像没有去掉前后空格,看看有没有空格

  • 資深大佬 : Bean0cean

    学习 学习

  • 主 資深大佬 : xiaoquan1995

    @yhxx 是可以,主要是好点的要钱,免费的,怕不稳定

  • 主 資深大佬 : xiaoquan1995

    @ylsc633 后台代码马上会重构,等 antd 4.0 出来,马上重构代码,加载速度会优化很多,

  • 主 資深大佬 : xiaoquan1995

    大 V2EX 感觉是最活跃的社区了,发的几个社区,v2 感觉是最活跃的

  • 主 資深大佬 : xiaoquan1995

    @yhxx 前台会很快,后台是有点慢,近期开始重构了,带宽是 2M 的

  • 資深大佬 : grewer

    antd 的 icon 不是能用 alias 解决么

  • 資深大佬 : iseejun

    小老弟,加油,到时用你的系统上一个站哈

  • 主 資深大佬 : xiaoquan1995

    @grewer 嗯嗯,我知道,其实我想等 antd4 出来的时候看看有没有变更啥的,一起改,同时一起改下界面

  • 主 資深大佬 : xiaoquan1995

    @iseejun 感谢,感谢,大佬支持,哈哈

  • 資深大佬 : yhxx

    @xiaoquan1995 又拍七牛之类的都有免费额度,可以试试

  • 資深大佬 : Masons

    做得非常棒

  • 資深大佬 : ztmqg

    赞一个

  • 主 資深大佬 : xiaoquan1995

    @yhxx 好的,我之前用过一段时间七牛,我看看七牛去

  • 資深大佬 : Juszoe

    start 了,学习学习,刚好我也要做个站能参考一下

  • 資深大佬 : HytonightYX

    现在 GraphQL 的热度如何呀,正在观望要不要学然后直接用在下一个项目上了。。。

  • 資深大佬 : yuang

    不错不错,有无 ssr 差别巨大。

  • 資深大佬 : 54sword

    非常不错,赞一个

  • 主 資深大佬 : xiaoquan1995

    @HytonightYX 感觉很难火起来,条件比较苛刻,但是用起来了,感觉是挺好用的

  • 資深大佬 : piaoxue

    你咋这么 666

  • 資深大佬 : loveToMy1

    主厉害啊 请问用了多少时间啊

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具