kite

后台演示网站账户:kitetest 密码:q123456 (资源有点大,可能要加载一段时间)

备注:因为项目是一直在写的,周期比较长,发出来的目的,就是希望大家多提建议,或者意见

然后我再来改,代码方面我会一直优化的!!!!!!

关于项目的维护,会一直维护下去的,我已经坚持了很久了,哈哈

Build

# npm install || cnpm install 安装所有的包,可能有些多,前台和后台是在一起的

打包后台界面 npm run admin-build

打包前台界面 npm run client-build

Start

# 目前用的数据库只有mysql 本地开发的话,下一个phpstudy即可

初始化:npm run init 然后打开浏览器收入 localhost:8086 按照步骤操作即可

然后可以选择pro or dev 开始

pro 生产环境

pro1.1 在cmd 中输入 npm run server 即可进入程序

pro1.2 (url或者ip)+ :8086端口即可看到客户端主页

pro1.3 (url或者ip)+ :8086/admin端口即可看到客户端后台页面

dev 本地开发环境

dev1.1 在cmd 中输入 npm run server-start 即可进开启接口服务

dev1.2 在cmd 中输入 npm run admin-start 即可进入后台开发预览(地址为:localhost:8083)

dev1.3 在cmd 中输入 npm run client-start 即可进入前台开发预览(地址为:localhost:8081)

dev1.4 开发环境下 一定要先运行dev1.1的情况下再运行 dev1.2 或者 dev1.3

目前cli部分代码写的比较乱,等后期有时间再继续优化,哈哈

项目断断续续的写着,主体基本写完,目前就是优化和改bug,代码的逻辑啥的,能看则看,不能看就略过吧,也是自己学习的一个过程,

放心这个代码会一直优化的,已经坚持了很久了,可以看提交,哈哈

目录结构

kite/

|

├──admin/ * 后台页面目录react

|

├──client/ * 前台ssr文件目录

│ ├──build * vur ssr build 配置文件

│ ├──config * 部分配置文件

│ ├──public * index模版文件

│ ├──request * 请求配置文件

│ ├──server * dev 模式下的开始文件

│ ├──src * src ssr 主文件目录

│ └──static * 静态资源目录

│──config/ * 部分可配置文件

│──db/ * mysql and lowdb

|

├──server/ * 服务层,所有前台后台接口

├──static/ * 静态资源目录

|

├──views/ * cli 模版目录

│──plugins/ * 第三方组件 + 自有js库 + 其他插件性质的脚本

│──static/ * 不经编译器处理的静态资源

│──store/ * 全局数据状态管理

│──package.json * 包信息

│──.eslintrc * Eslint配置

│──_nodemon.json * _nodemon配置

│──.gitignore * Git忽略文件配置

└──pm2.json * pm2配置

说明

使用的技术栈:

前台方面:vue + vuex + vue-router + vue-server-renderer

后台方面:react + redux + react-redux + react-router

server: koa + mysql

公共部分:webpack

其他详细的直接看 package.json 就可以了

前台界面目前是用的 vue 的 ssr,但是没有采用 nuxt.js 代码的阅读应该还是可以的,cli 比较乱,后台界面采用的是 react

前台目前比较简单,就是一个多人文章发布系统,用户可以注册账号,发布文章,关注用户,喜欢文章,评论等等

后台管理文章的发布、审核,评论的审核,管理员权限管理,系统配置等等,前后台用户管理员独立

初始化界面是对整个文章发布系统的一个初始化,包括初始管理员角色,mysql 等等

LICENSE

MIT

掘金后端 mysql优化_vue服务端渲染项目(ssr)仿掘金、后台页面是react spa、服务层nodejs、koa、mysql编写的一套多权限内容管理系统...相关推荐

  1. 一图让你快速弄懂客户端渲染(CSR)与服务端渲染(SSR)

    作为前端开发的话,大多数情况下基本使用CSR来进行页面渲染,但是一定必不可免的会了解到服务端渲染(SSR).为了更好的了解到二者之间的区别我们要抛出一个老生常谈的面试点,浏览器输入一个url地址到页面 ...

  2. Vite(三)部署静态站点(wordpress与hugo与Vercel、CI/CD、Travis CI、GitLab CI)、环境变量与模式、服务端渲染(SSR)

    Vite(三)部署静态站点(wordpress与hugo与Vercel.CI/CD.Travis CI.GitLab CI).环境变量与模式.服务端渲染(SSR) 文章目录 Vite(三)部署静态站点 ...

  3. React服务端渲染(SSR)入门及项目搭建

    代码已经关联到github: 链接地址 文章有更新也会优先在这,觉得不错可以顺手点个star,这里会持续分享自己的开发经验(: 前言 服务端渲染是什么?我们什么情况下需要使用它?想要了解这些,需要简单 ...

  4. Vue 服务端渲染(SSR)、Nuxt.js - 从入门到实践

    前言 10月初有幸接到公司官网改版需求,要求采用服务端渲染模式对原网站进行seo优化. 由于团队一直使用的vue技术栈,所以我第一时间想到的就是采用vue 服务端渲染(SSR)来实现该需求,即能减少团 ...

  5. 服务端渲染(SSR) VS 客户端渲染

    什么是服务端渲染 服务端渲染(SSR:server side render) 服务端拿数据进行解析渲染,直接生成html片段返回给前端.具体用法也有很多种比如: 传统的服务端模板引擎渲染整个页面 服务 ...

  6. Vuex 数据流管理及Vue.js 服务端渲染(SSR)

    Vuex 数据流管理及Vue.js 服务端渲染(SSR)项目见:https://github.com/smallSix6/fed-e-task-liuhuijun/tree/master/fed-e- ...

  7. 服务端渲染(SSR) 和客户端渲染(CSR)

    一.服务端渲染(SSR)是什么 用户使用的浏览器浏览的都是一些没有复杂逻辑的.简单的页面,这些页面都是在后端将 html 拼接好的,然后返回给前端完整的 html 文件,浏览器拿到这个 html 文件 ...

  8. 渐进式网络应用程序(PWA)与服务端渲染(SSR)

    1.渐进式网络应用程序(PWA) 什么是渐进式网络应用程序? 是一种普通网页或网站架构起来的网络应用程序,但它可以以传统应用程序或原生移动应用程序形式展示给用户.这种应用程序形态视图将目前最为现代化的 ...

  9. 浅析客户端渲染(CSR)与服务端渲染(SSR)

    最近刚好公司有项目需要用到服务端渲染,于是花了些时间了整理了关于服务端渲染与客户端渲染的知识,现在记录下来,希望能帮助大家提升对浏览器渲染,服务端渲染的理解,在项目选型上做出正确的决策. 本文会涉及这 ...

最新文章

  1. Python3.5源码分析-内建模块builtins初始化
  2. MyBatis架构分层
  3. android IntentService
  4. cad通过钢筋大样生成钢筋明细表插件_各位做室内外设计的朋友,告别CAD单线画图,用天正建筑更方便...
  5. ios 内存管理的理解(四)ARC下循环引用问题
  6. Integer和int的区别
  7. windows10完全删除mysql_Windows 10系统下彻底删除卸载MySQL的方法教程
  8. 从零开始学编程——编程语言
  9. JxBrowser 7.15 for java Crack
  10. Cadence16.6版本下Pspice仿真的使用
  11. ios识别人脸自动拍照_利用openCV实现自动抓拍,人脸识别,清晰度的验证等
  12. IR2101自举升压的原理
  13. 同一工作组计算机无法查看,win7系统在同一个工作组看不到其他电脑怎么回事?...
  14. 美国公司暂停镰状细胞基因疗法临床试验:两受试者发展为癌症
  15. WIFi 开关控制实现-ESP8266 物联网 android studio arduino QT多线程服务器
  16. wps表格宏被禁用如何解禁_wps的excel中宏被禁用怎么办 - 卡饭网
  17. C#语言入门详解1-12
  18. 在C语言中怎样定义一个字符串并输入输出
  19. Unity 3D网页游戏产品展示
  20. 三年一跳槽、拒绝“唯学历”,火速 Get 这份程序员求生指南!

热门文章

  1. 3V、5V混合系统中不同电平器件接口的4种情况
  2. 842. 将数组拆分成斐波那契序列
  3. 337. 打家劫舍 III
  4. 8-5安装redis-sentinel
  5. bootstrap checkbox_[推荐]icheck-bootstrap(漂亮的ckeckbox/radiobox)
  6. mysql拆分盘数据库_数据库拆分
  7. 随机组卷功能,你值得拥有~~~
  8. java中的技术_Java中的四个核心技术思想
  9. risc 服务器 操作系统,数据中心系统用RISC还是CISC?
  10. mysql select count() count(1)_select count()和select count(1)的区别和执行方式讲解