W-Blog是一个基于vue和node的小小小博客 前端用vue，后端用egg.js

W-Blog是一个基于vue和node的小小小博客 前端用vue，后端用egg.js

W-Blog

W-Blog是一个基于vue和node的小小小博客 前端用vue，后端用egg.js

快速入门

技术栈

前端： 用户端：vue、iviewadmin端：vue、d2admin、element 后端: egg.js、mongodb

功能特性

轻量级Markdown编辑器，图片上传七牛支持标签、分类、搜索草稿箱等功能标签云

线上地址

煌哥哥的博客

图片演示

前台

后台

目录结构

│ .autod.conf.js│ .eslintignore│ .eslintrc│ .gitignore│ .travis.yml│ app.js // 项目启动前执行，比如写入管理员│ appveyor.yml│ package.json│ README.md│├─app│ │ router.js // 服务端路由│ ││ ├─controller│ │ admin.js // 后台相关controller│ │ client.js // 前台相关controller│ │ login.js // 登录相关controller│ │ page.js // 页面相关controller│ ││ ├─extend│ │ helper.js│ ││ ├─middleware│ │ auth.js // 登录验证中间件│ ││ ├─model│ │ Article.js // 文章model│ │ Category.js // 分类model│ │ Tag.js // 标签model│ │ User.js // 用户model│ ││ ├─public│ │ ││ │ ├─admin // admin端│ │ │ ├─dist // 打包生成后的目录│ │ │ └─src // admin端源文件│ │ ││ │ └─client // 用户端│ │ ├─dist // 打包生成后的目录│ │ └─src // 用户端源文件│ ││ └─service // service部分用来执行具体的操作│ admin.js│ client.js│ login.js│├─config│ config.default.js // 项目配置相关│ plugin.js│└─test // 测试相关 └─app └─controller home.test.js

全局配置

module.exports = appInfo => { return { keys: appInfo.name + '_1432030565447_3632', mongoose: { clients: { blog: { url: 'mongodb://127.0.0.1/blog', options: { user: 'test', // 数据库的用户名 pass: 'test' // 数据库的密码 }, } } }, // 初始化管理员信息 user: { userName: 'admin', password: 'admin', }, session: { maxAge: 3600 * 1000, }, jwt: { cert: 'jsonwebtoken' // jwt秘钥 }, /** * markdown编辑器的图片上传用的是七牛存储 * 所以需要配置七牛的key */ qiniu: { // 这里填写你七牛的Access Key和Secret Key ak: '', sk: '' } }};

本地运行

安装MongoDB数据库和Node.js环境。

# 安装服务端依赖npm install# 开启mongodbmongod --dbpath '你数据库的目录' # --auth 如果开启密码，要加上这个命令# 运行服务npm run dev# 进入前台目录cd ./app/public/client/src# 安装前台依赖npm install# 运行前台项目npm run dev# 进入后台目录cd ./app/public/admin/src# 安装后台依赖npm install# 运行后台项目npm run dev# 即可通过 http://127.0.0.1:8080访问# 开发阶段直接通过webpack的devserver访问# 代理请求已经配置好，可在config下配置proxyTable更改

打包

# 在前台和后台目录分别npm run build# 在项目根目录npm install --production# 启动npm start# 打包后可以通过# http://127.0.0.1:7001/ 和 http://127.0.0.1:7001/admin 来访问前台和后台

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。