社区项目

1. 包含主流的社区类项目业务逻辑
2. 开发此应用的目的主要是了解全栈开发流程，强化vue框架技能
3. 掌握主流的UI框架使用方式，与vue结合的不同
4. 掌握 NOSQL 类型数据库的使用，redis、mongodb

项目介绍

社区项目全端，包含PC端、移动端、微信小程序、PC端中台管理系统。

PC端： 用户登录、注册、重置密码、用户基本信息的修改（上传头像等）、发布文章、评论系统、消息系统、分页功能、列表展示、富文本编辑器的使用、积分体系等。

移动端： 主体业务逻辑与PC端相同，优化应用在移动端各平台、各主流浏览器下的兼容性、与用户的交互体验。

微信小程序： 主体业务逻辑与功能不变，重在了解原生小程序开发与vue框架的开发流程，小程序原生API的使用，生命周期。

PC端中台管理系统： 提供对用户的管理、文章管理、系统监控、数据展示等。

功能介绍

平台	模块	功能
pc端	登录	用户登录
pc端	注册	用户注册
pc端	重置密码	用户忘记密码可以重置密码
pc端	用户基本信息修改	头像、密码、基本信息
pc端	发布文章	用户发表文章
pc端	评论系统	用户对浏览的文章发表评论
pc端	消息系统	接收其它用户的评论信息、系统消息
pc端	分页功能	列表分页展示功能
pc端	富文本	提供富文本编辑器，使用户有编辑功能
pc端	积分系统	激励用户间的交互积极性
pc端	验证码	人机检测

开发模式

使用前后端分离模式进行开发，服务端只为前端提供接口功能、管理数据库、Token鉴权、人机校验

前端独立开发，调用服务端接口，完成用户交互、业务逻辑、数据展示

项目架构

系统分层	使用技术
数据层：	MongoDB、Redis
服务层：	NodeJs(Koa)
前端展示：	mobile web application, weiChat application, pc web application, pc management system

项目搭建

• 安装 Nodejs
• 安装 Vue.js vue-cli
• 安装 MongoDB
• 安装 Redis
• 或者使用 docker 容器搭建

项目启动

• 启动 MongoDB、Redis 服务
• 分别进入前、后端项目根目录，启动终端 执行 npm install
• 分别运行前、后端的 npm 运行命令，前端：npm run serve; 后端：npm run dev
• 前端访问：localhost:8080

熊猫社区

pc端

Layui 介绍

• layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于 2016 年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为后端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来
• 学习官网：https://www.layui.com/doc/