# liwneyun-cms

**Repository Path**: wen-yun-li/liwneyun-cms

## Basic Information

- **Project Name**: liwneyun-cms
- **Description**: 网站后台管理系统：
技术栈：前端：Vue + Axios + ElementUI       后端：Egg.js + Nunjucks + MySQL
项目描述：后台管理系统中可通过md格式的富文本编辑器编辑内容发布电子书(每本电子书包含多个章，每章包含多节内容)和博客，上传封面图，传入视频在B站中的iframe地址，传入资源的百度网盘地址和提取码。在网站中可直接浏览电子书、博客和视频内容，通过链
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-10-07
- **Last Updated**: 2022-03-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Element-UI, egg, MySQL, Nunjucks

## README

# 网站内容管理系统

### 一、项目简介

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

#### 项目构成
1. 网站后台系统：
   技术栈：Vue + ElementUI + Axios
![](docs/image/client.jpg)

2. 展示网站
   技术栈：Egg.js + Nunjucks + MySQL
![](docs/image/website.jpg)

### 二、启动项目

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


### 四、数据库初始化

``` sql
-- 使用下面语句创建数据库
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. 在网站中可直接浏览电子书内容。
![](docs/image/book.jpg)

##### 技术博客

1. 在后台管理系统中，通过md格式的富文本编辑器编辑博客内容。
2. 上传博客封面图。
3. 在网站中可直接浏览博客内容
![](docs/image/blog.jpg)
![](docs/image/blogid.jpg)

##### 教学视频

1. 在后台管理系统中传入视频在B站中的iframe地址。
2. 上传视频封面图。
3. 在网站中直接浏览视频内容。
![](docs/image/video.jpg)

##### 资源下载

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


#### 后台管理用户验证

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