《第9章 ThinkPHP+Vue.js轻社区项目 教学PPTppt课件.ppt》由会员分享，可在线阅读，更多相关《第9章 ThinkPHP+Vue.js轻社区项目 教学PPTppt课件.ppt（23页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第9章 ThinkPHP+Vue.js轻社区项目 教学PPT ThinkPHP第9章 ThinkPHP+Vue.js轻社区项目前后端分离开发概述项目介绍项目开发说明 学习目标掌握前后端如何实现接口开发1掌握ThinkPHP如何实现后端接口开发3掌握熟悉掌握2熟悉Vue.js+Bootstrap的前端接口开发 目录点击查看本节相关知识点项目介绍9.29.29.19.1前后端分离开发概述9.39.3项目开发说明 知识架构9.2 项目介绍项目介绍1项目展示2需求分析3技术方案4数据库设计 9.1 前后端分离开发概述 概述 9.2 项目介绍 项目展示p 轻社区项目p 用户管理（注册、登录、退出、修改用
2、户个人信息）p 分类管理p 主题管理p 评论管理功能 9.2 项目介绍 项目展示 9.2 项目介绍 项目展示用户注册、登录页面： 9.2 项目介绍 项目展示个人信息页面： 9.2 项目介绍 项目展示管理员操作分类页面： 9.2 项目介绍 项目展示发布主题页面： 9.2 项目介绍 概述“LightBBS”是一个交流的轻社区平台，主要用于某类主题的讨论与分享。 社区中的分类只有管理员用户才可以添加、修改和删除。普通用户注册后： 在社区中发布话题，对某个话题进行评论、点赞或取消点赞； 在个人中心上传头像、修改邮箱、重置密码、修改用户名或找回密码。 9.2 项目介绍 需求分析p 用户管理：包括用户注册
3、、登录、退出功能，用户中心上传用户头像、修改用户名、重置密码和修改邮箱。p 分类管理：只有管理员用户才能操作分类，实现分类的添加、修改和删除操作。p 主题管理：只有登录的用户才可以发布主题，主题发布后，当前登录的用户可以修改和删除该用户发表过的主题。p 评论管理：只有登录的用户才可以对主题进行评论，编辑或删除当前登录用户发表的评论。 9.2 项目介绍 技术方案前端方案：p Vue.js：用于构建用户界面的渐进式框架。p Vuex：实现响应式统一存储状态，例如用户登录状态。p Vue Router：统一管理Vue.js项目中的路由。p Axios：用于实现异步请求，从后端接口获取数据。p Boo
4、tstrap：快速构建前台响应式页面。p Font Awesome：提供图标字体库。 9.2 项目介绍 技术方案后端方案：p Apache：用于提供Web服务器的基础功能。p MySQL：用于提供数据库服务器功能。p Redis：用于临时存储邮箱验证的key值。p PHP：负责处理Apache的动态请求，并与MySQL服务器进行交互。p ThinkPHP：用于快速实现Web开发的PHP开发框架。p PHPMailer：为PHP提供发送邮件的功能。 9.2 项目介绍 数据库设计用户表：字段名字段名数据类型和约束数据类型和约束说明说明idINT PRIMARY KEY AUTO_INCREMENT
5、用户idnameVARCHAR(100) NOT NULL UNIQUE DEFAULT 用户名passwordVARCHAR(255) NOT NULL DEFAULT 密码saltCHAR(32) NOT NULL DEFAULT 密码盐emailVARCHAR(128) NOT NULL DEFAULT 邮箱is_activeINT UNSIGNED NOT NULL DEFAULT 0邮箱是否激活roleVARCHAR(100) NOT NULL DEFAULT user用户角色img_urlVARCHAR(255) NOT NULL DEFAULT 用户头像地址create_time
6、TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP注册时间update_timeTIMESTAMP NULL DEFAULT NULL更新时间 9.2 项目介绍 数据库设计分类表：字段名字段名数据类型和约束数据类型和约束说明说明idINT PRIMARY KEY AUTO_INCREMENT分类idnameVARCHAR(100) NOT NULL DEFAULT 名称sortINT NOT NULL DEFAULT 0排序create_timeTIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP创建时间update_t
7、imeTIMESTAMP NULL DEFAULT NULL更新时间 9.2 项目介绍 数据库设计主题表：字段名字段名数据类型和约束数据类型和约束说明说明idINT PRIMARY KEY AUTO_INCREMENT主题idtitleVARCHAR(100) NOT NULL DEFAULT 标题category_idINT NOT NULL DEFAULT 0分类idcontentTEXT NOT NULL主题内容user_idINT UNSIGNED NOT NULL DEFAULT 0用户idis_showTINYINT UNSIGNED NOT NULL DEFAULT 1是否显示h
8、itsINT UNSIGNED NOT NULL DEFAULT 0点击量likenumINT UNSIGNED NOT NULL DEFAULT 0点赞量create_timeTIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP创建时间update_timeTIMESTAMP NULL DEFAULT NULL更新时间 9.2 项目介绍 数据库设计回复表：字段名字段名数据类型和约束数据类型和约束说明说明idINT UNSIGNED PRIMARY KEY AUTO_INCREMENT回复idtopic_idINT UNSIGNED NOT NULL DEF
9、AULT 0主题iduser_idINT UNSIGNED NOT NULL DEFAULT 0用户idcontentTEXT NOT NULL回复内容is_showTINYINT UNSIGNED NOT NULL DEFAULT 1是否显示create_timeTIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP回复时间update_timeTIMESTAMP NULL DEFAULT NULL更新时间 9.2 项目介绍 数据库设计点赞表：字段名字段名数据类型和约束数据类型和约束说明说明idINT UNSIGNED PRIMARY KEY AUTO_INCREMENT点赞idtopic_idINT UNSIGNED NOT NULL DEFAULT 0主题iduser_idINT UNSIGNED NOT NULL DEFAULT 0用户idcreate_timeTIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP点赞时间update_timeTIMESTAMP NULL DEFAULT NULL更新时间 9.3 项目开发说明 开发说明参考开发文档。