网站内容管理系统

一、项目简介

本项目是一个简单的网站全栈项目，包括网站后台管理系统和信息展示网站。

项目构成

1. 网站后台系统： 技术栈：Vue + ElementUI + Axios

2. 展示网站 技术栈：Egg.js + Nunjucks + MySQL

二、启动项目

1. 启动项目之前，先按下面第四节的内容，在mysql数据库中创建website-cms数据库。
2. 在server目录中使用npm install下载依赖，然后执行npm run dev即可启动项目（启动前请先创建数据库，下面内容有介绍）
3. 在client目录中使用npm install下载依赖，然后执行npm run serve即可启动项目
4. 访问http://127.0.0.1:8080/#/login可以进入后台登录页面
5. 访问http://127.0.0.1:7001/可以打开前端展示页。

三、目录结构

• docs：项目开发的相关文档
• server：项目服务器端（基于node，egg，mysql）
• client：项目前端（基于vue）
• example：开发过程中拆分的一些小demo

四、数据库初始化

-- 使用下面语句创建数据库
create database website-cms default character set utf8mb4 collate utf8mb4_unicode_ci;

--------------------------------------------------------------------------
-- 数据库设置位于 "node_server\app\config\plugin.js" 文件中,
-- 初始设置如下，需要根据自己的数据库信息修改设置:

    config.sequelize = {
        dialect: 'mysql',
        database: 'liwenyun',
        host: 'localhost',
        port: 3306,
        username: 'root',
        password: '111111',
        timezone: '+08:00',
    }
-------------------------------------------------------------------------

-- 启动egg项目后，所有数据表会自动创建，然后使用下面语句创建管理员用户。
insert into users (
    username,
    password,
    created_at,
    updated_at
) values (
    "admin",
    "e10adc3949ba59abbe56e057f20f883e",
    "2020-10-01",
    "2020-10-01"
);
-- 管理员用户名为admin，密码初始值设置为‘123456’的md5加密字符串。

五、项目功能简介

概述

通过本产品，可以实现电子书、博客、视频的展示功能。

需求说明

本系统包括以下功能模块：

1. 学习手册
2. 技术博客
3. 教学视频
4. 资源下载

通过后台管理编辑内容，在网站中可以直接浏览内容。

功能模块

学习手册

1. 后台管理系统中可以发布多个电子书，每本电子书包含多个章，每章包含多节内容。
2. 通过md格式的富文本编辑器编辑内容。
3. 上传电子书封面图。
4. 在网站中可直接浏览电子书内容。

技术博客

1. 在后台管理系统中，通过md格式的富文本编辑器编辑博客内容。
2. 上传博客封面图。
3. 在网站中可直接浏览博客内容

教学视频

1. 在后台管理系统中传入视频在B站中的iframe地址。
2. 上传视频封面图。
3. 在网站中直接浏览视频内容。

资源下载

1. 在后台管理系统中传入资源的百度网盘地址和提取码。
2. 在网站中可以通过连接跳转到资源的百度网盘地址，进而下载资源。

后台管理用户验证

1. 系统默认一个admin管理员，密码为【123456】。
2. 可以在用户管理模块新增管理员账号。
3. 管理员密码需要MD5加密后存储在数据库中。