从0开始教你三天完成毕业设计-项目设计

目录

前言

用到的技术

开搞(环境配置)

qq群 656801988 到群文件下载软件

项目设计

数据库设计

前端页面设计

后端代码

前言

作为一个初学java的小萌新,用java的SpringBoot框架一时间加急写出来一个项目的话还是有难度的,当然mbatis-plus的代码生成器是可以的,但是比较晦涩难懂,加上配置的问题,所以我这里就不推荐用java,听说PHP停简单的,因此,为了完成这篇文章我特意花了半天学完了php的phpthink框架,这个项目我们用前后端分离的模式,毕竟冗杂的时代已经快过去了,追上时代潮流,才能成为让老师眼前一亮的毕业设计.

用到的技术

phpthink+vue.js+element-ui+前后端分离的模式

因为是给那些从0开始的兄弟们,所以我这里还是简单介绍一下这些技术或者框架

phpthink 基于php的一个十分类似javaweb的框架

PHP语言基础知识（超详细）_SeaOf0的博客-CSDN博客_php语言文章目录前言第一章 PHP语言学习介绍1.1 PHP部署安装环境1.2 PHP代码工具选择第二章 PHP代码基本语法2.1 PHP函数知识介绍2.2 PHP常量变量介绍2.2.1 PHP变量知识：2.2.2 PHP常量知识：2.3 PHP注释信息介绍2.4 PHP数据类型介绍2.4.1 整形数据类型2.4.2 布尔数据类型2.4.3 字符串数据类型2.4.4 浮点型数据类型2.4.5 PHP数据类型之查看和判断数据类型2.5 PHP流程控制语句2.6 PHP算数运算方法2.6.1 PHP程序自加自减运算2.https://blog.csdn.net/Jack0610/article/details/110733859

Vue.js 一个非常要用的前端框架

Vue学习之从入门到神经(两万字收藏篇)_白大锅的博客-CSDN博客_如何学习vueVue史诗级教程系列文章，欢迎订阅专栏Https://blog.csdn.net/weixin_45735355/article/details/118931768

element-ui 前端组件库,许多前端的样式不需要自己去调整了

Element-UI详解_一名努力的小码农的博客-CSDN博客_element-uiElement-UIElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库Element UI是基于Vue 2.0的Element UI 提供一组组件Element UI 提供组件的参考实例, 直接复制安装ElementUI通过 vue-cli创建vue项目安装 element-ui组件npm i element-ui配置...https://blog.csdn.net/qq_42426159/article/details/102928417

建议:稍微看一下php,js,html,CSS,能看懂就行

开搞(环境配置)

按照开发项目的流程我们需要先设计数据,但是考虑到大家软件都还没有下载好,所以我这里给大家详细介绍一下软件的下载流程,以及部署步骤,请大家按照步骤来下载

1.wampService 这个是帮我们一键部署php三件套,mysql+apache+php

下载链接

Download WampServer from SourceForge.netA windows WEB development environment for Apache, Mysql, PHP databaseshttps://sourceforge.net/projects/wampserver/files/latest/download

安装好软件直接下一步就行,无脑操作,不要去修改路径可能会出现找不到的phpthink找不到的情况

2.sqlyog 数据库操作软件,更好的查看以及导入sql文件

链接：https://pan.baidu.com/s/1hu_aThnBdvQWKVRq1KGRow?pwd=x5z5 
提取码：x5z5

下载完成后,打开wampServcie,而后启动sqlyog,新连接->用户名:root,密码:不要填写->测试连接,现实8.X.XX即可,5.X版本过低,可能会导入不进去我的的sql文件(自己创建的数据库就当我没说)

而后点击连接即可,就会出现下面这个界面

3.thinkphp thinkphp框架下载

下载链接

https://getcomposer.org/Composer-Setup.exehttps://getcomposer.org/Composer-Setup.exe

3.1安装时选择php 的版本7.3.1以上,直接选8开头的

3.2安装完成后打开命名提示行,输入以下代码(配置下载源)

composer config -g repo.packaGISt composer https://mirrors.aliyun.com/composer

3.3先到达对应路径下

cd C:\wamp64\www

3.4通过compose来下面thinkphp

composer create-project topthink/think tp6

4.vscode 项目开发网站(免费)

下载链接

https://code.visualstudio.com/Downloadhttps://code.visualstudio.com/Download

无脑直接下一步

软件的话,有些可能会特别慢,需要高级操作(有需要的兄弟可以在群文件里面下载)

点击链接加入群聊【从0开始毕业设计交流】：https://jq.qq.com/?_wv=1027&k=fJY8f68b

qq群 656801988 到群文件下载软件

我用的是webstrom+phpstrom(这个要收费破解,我这里就不推荐了),增加了工作量,可能还搞不好

项目设计

我们这里用一个常用的也是最通用的商城项目,大家改变一下名字或者数据就可以成为一个成千上万的新项目了.

因此我们这里用一个购物商城举例(类似于淘宝,京东)

数据库设计

用户表 user

用户id，系统登录时使用的用户名，用户权限，系统登录密码、用户钱包，用户头像，用户注册时间。

商品表 Good

商品id、分类id、商品标题、商品内容、商品图片、商品现价、原价、商品图片路径、创建时间。

商品分类表 category

分类id、分类名、创建时间。

收藏表 collection

收藏id、商品id、用户id 、创建时间。

订单表 order

订单id、商品id、用户id、创建时间。

轮播图表 swiper

轮播图id、商品id、轮播图图片、轮播图标题。

ok,至此基础的数据库结构就好了

实在不行大家就直接用我导出好的数据库sql文件吧,改下名字就好,基础数据已经给你们放进去

;;;;;;CREATE DATABASE `blackjun`  ;USE `blackjun`;DROP TABLE IF EXISTS `category`;CREATE TABLE `category` (  `category_ids` bigint NOT NULL AUTO_INCREMENT,  `category_name` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL,  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,  `create_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP,  PRIMARY KEY (`category_ids`)) ENGINE=InnoDB AUTO_INCREMENT=21 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;insert  into `category`(`category_ids`,`category_name`,`update_time`,`create_time`) values (1,'主食','2022-09-14 10:06:16','2022-09-12 09:29:44'),(12,'小吃','2022-09-12 09:30:26','2022-09-12 09:30:26'),(13,'甜品','2022-09-13 03:04:21','2022-09-13 03:04:21'),(14,'饮料','2022-09-14 04:30:37','2022-09-14 04:30:37'),(20,'早餐','2022-09-21 09:42:45','2022-09-21 09:42:45');DROP TABLE IF EXISTS `collections`;CREATE TABLE `collections` (  `collection_id` bigint NOT NULL AUTO_INCREMENT,  `user_id` bigint NOT NULL,  `good_id` bigint NOT NULL,  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,  `create_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP,  PRIMARY KEY (`collection_id`)) ENGINE=InnoDB AUTO_INCREMENT=18 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;insert  into `collections`(`collection_id`,`user_id`,`good_id`,`update_time`,`create_time`) values (14,1,1,'2022-09-20 11:26:47','2022-09-20 11:26:47'),(15,1,24,'2022-09-21 11:41:41','2022-09-21 11:41:41'),(16,1,26,'2022-09-21 11:43:22','2022-09-21 11:43:22'),(17,1,25,'2022-09-21 18:16:23','2022-09-21 18:16:23');DROP TABLE IF EXISTS `good`;CREATE TABLE `good` (  `good_id` bigint NOT NULL AUTO_INCREMENT,  `category_id` bigint NOT NULL,  `good_title` varchar(100) NOT NULL,  `old_price` double NOT NULL,  `price` double NOT NULL,  `content` varchar(2000) DEFAULT NULL,  `img_url` varchar(100) DEFAULT NULL,  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,  `create_time` datetime DEFAULT CURRENT_TIMESTAMP,  PRIMARY KEY (`good_id`)) ENGINE=InnoDB AUTO_INCREMENT=30 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;insert  into `good`(`good_id`,`category_id`,`good_title`,`old_price`,`price`,`content`,`img_url`,`update_time`,`create_time`) values (1,1,'巨无霸汉堡1',99,59,'传承50年的经典之选！两块100%纯牛肉饼，搭配撒有鲜芝麻的松软面包、清新爽口的生菜、洋葱和酸黄瓜，辅以香滑顺口的芝士与美味酱汁，层层食材，口感丰富，打造极致美味体验。','https://blackjun.cn/wander/upload/img_url/BlackYun2946bb33-dca1-4645-8d3c-de91cc745df3.png','2022-09-14 10:07:26','2022-09-13 15:30:49'),(21,1,'鳕鱼堡',39,18,'深海鳕鱼烹制而成的鳕鱼饼，外皮金黄酥脆，内里鲜嫩多汁。美味鱼肉搭配滋味沙拉酱，风味独特。','https://blackjun.cn/wander/upload/img_url/BlackYun139abd88-5e29-4d80-9df7-a11c7075341d.png','2022-09-21 10:47:09','2022-09-21 10:47:09'),(22,1,'双层安格斯MAX厚牛芝士堡',68,36,'精选两块100%安格斯牛肉饼，搭配秘制芝士风味酱和新鲜番茄片，独特热熔工艺让芝士慢慢融化，丝丝渗透进牛肉纤维中——半融化的芝士和肉饼的油脂相互交融，让口感更加丰富，浓香四溢！','https://blackjun.cn/wander/upload/img_url/BlackYune3e51f6c-816e-409c-b2a2-7bc60dcbf6ea.png','2022-09-21 10:49:01','2022-09-21 10:49:01'),(23,12,'麦乐鸡',10,8,'严格挑选优质鸡肉，精密控制火候，锁住肉汁和香味。外皮金黄酥脆，鸡肉嫩滑多汁，配以秘制蘸酱，入口难忘。','https://blackjun.cn/wander/upload/img_url/BlackYunb8dff0f9-37e0-41a9-9848-a03bcab9d0d6.png','2022-09-21 10:50:00','2022-09-21 10:50:00'),(24,12,'玉米杯',5,3,'粒粒饱满，颗颗多汁。香！甜！爽！','https://blackjun.cn/wander/upload/img_url/BlackYun3b9d83D5-c108-4aef-b7f1-9234653d660e.png','2022-09-21 10:50:39','2022-09-21 10:50:39'),(25,13,'可口可乐',12,10,'无糖畅爽，尽释美妙！','https://blackjun.cn/wander/upload/img_url/BlackYun893245c1-23ca-4d58-bbac-3b021e88789b.png','2022-09-21 10:51:45','2022-09-21 10:51:45'),(26,14,'鲜煮咖啡',32,21,'精选优质咖啡粉，美好一天从诱人咖啡香中开始。','https://blackjun.cn/wander/upload/img_url/BlackYunaae2360c-0c06-4681-a091-07f5be8dd722.png','2022-09-21 10:52:18','2022-09-21 10:52:18'),(27,20,'雪菜脆笋鸡肉粥',22,10,'精选东北大米，星级水米比例12：1，悉心熬煮95分钟，直到粒粒开花。浓稠软糯好粥底，搭配细嫩鸡肉和鲜美雪菜笋丝，顺滑爽口，暖心暖胃。','https://blackjun.cn/wander/upload/img_url/BlackYun466e091b-60d9-418e-8fb5-ef7668b33764.png','2022-09-21 10:53:28','2022-09-21 10:53:28');DROP TABLE IF EXISTS `order`;CREATE TABLE `order` (  `order_id` bigint NOT NULL AUTO_INCREMENT,  `user_id` bigint NOT NULL,  `good_id` bigint NOT NULL,  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,  `create_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP,  PRIMARY KEY (`order_id`)) ENGINE=InnoDB AUTO_INCREMENT=12 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;insert  into `order`(`order_id`,`user_id`,`good_id`,`update_time`,`create_time`) values (7,1,1,'2022-09-20 11:31:44','2022-09-20 11:31:44'),(8,1,27,'2022-09-21 11:39:06','2022-09-21 11:39:06'),(9,1,24,'2022-09-21 11:41:57','2022-09-21 11:41:57'),(10,1,1,'2022-09-21 11:42:40','2022-09-21 11:42:40'),(11,1,25,'2022-09-21 18:16:03','2022-09-21 18:16:03');DROP TABLE IF EXISTS `swiper`;CREATE TABLE `swiper` (  `swiper_id` bigint NOT NULL AUTO_INCREMENT,  `good_id` bigint NOT NULL,  `img_url` varchar(100) DEFAULT NULL,  `title` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL,  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,  `create_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP,  PRIMARY KEY (`swiper_id`)) ENGINE=InnoDB AUTO_INCREMENT=15 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;insert  into `swiper`(`swiper_id`,`good_id`,`img_url`,`title`,`update_time`,`create_time`) values (1,1,'https://blackjun.cn/wander/upload/avatar/BlackYund9224668-16f2-4d31-a2a2-5db675580aa3.jpg','超级汉堡','2022-06-22 14:57:05','2022-06-22 14:57:05'),(2,23,'https://blackjun.cn/wander/upload/avatar/BlackYun53824803-31a2-4d09-98b0-e9068d7fe378.jpg','小吃','2022-06-22 15:03:03','2022-06-22 14:57:37'),(3,25,'https://blackjun.cn/wander/upload/avatar/BlackYun7f734484-c337-4b97-ba95-07f2a1c6b849.jpg','可乐','2022-06-22 14:57:57','2022-06-22 14:57:57'),(4,27,'https://blackjun.cn/wander/upload/avatar/BlackYun06493b4b-8fb1-4860-8b1a-25f74d3fb507.jpg','早餐','2022-06-22 14:59:12','2022-06-22 14:58:38');DROP TABLE IF EXISTS `user`;CREATE TABLE `user` (  `user_id` bigint NOT NULL AUTO_INCREMENT,  `role` varchar(10) NOT NULL DEFAULT 'user',  `user_name` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL,  `passWord` varchar(50) NOT NULL,  `avatar` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT 'https://blackjun.cn/wander/upload/avatar/BlackYuna8536269-8c4c-4a78-980d-e1b4236e34eb.png',  `wallet` double NOT NULL DEFAULT '1000',  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,  `create_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP,  PRIMARY KEY (`user_id`)) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;insert  into `user`(`user_id`,`role`,`user_name`,`password`,`avatar`,`wallet`,`update_time`,`create_time`) values (1,'admin','admin','password','https://blackjun.cn/wander/upload/avatar/BlackYuna8536269-8c4c-4a78-980d-e1b4236e34eb.png',9918,'2022-09-21 18:16:03','2022-09-18 05:52:17');;;;;

代码复制到如图下图所示的位置全选全选全选,一定记得全选,而后点击加载按钮即可 

成功后会出现如何提示代码成功

 而后刷新数据库就会出现我们创建的数据库

 至此数据库内容完成

前端页面设计

vue+element-ui来实现,给大家帖几张我之前项目的图片,做个参照

首页 (轮播图展示,商品信息展示)

商品分类页面 (通过分类来筛选商品)

网站介绍页面 (网页的功能,内容介绍)

我的页面 (用户信息展示)

 登录注册界面

后端代码

各个表的增删改查,以及个别表的多表查询

用phpthink框架来实现十分简单,几个命令就能搞定

介于篇幅原因,以及大家更好理解,设计阶段就先到这里

下一篇文章给大家带来后端api接口

主题所有文章已经更新欢迎大家,留言评论

从0开始教你三天完成毕业设计-项目设计_Black Jun的博客-CSDN博客作为一个初学java的小萌新,用java的springboot框架一时间加急写出来一个项目的话还是有难度的,当然mbatis-plus的代码生成器是可以的,但是比较晦涩难懂,加上配置的问题,所以我这里就不推荐用java,听说php停简单的,因此,为了完成这篇文章我特意花了半天学完了php的phpthink框架,这个项目我们用前后端分离的模式,毕竟冗杂的时代已经快过去了,追上时代潮流,才能成为让老师眼前一亮的毕业设计.https://blog.csdn.net/BlackjunPJH/article/details/127064484?spm=1001.2014.3001.5502

从0开始教你三天完成毕业设计-后端api_Black Jun的博客-CSDN博客_后端毕业设计经过前面的文档,我们已经完成了设计阶段和环境配置,如果没有的话,可以先去浏览这篇文章这篇文章,我们来教大家thinkphp后端api接口书写https://blog.csdn.net/BlackjunPJH/article/details/127084314?spm=1001.2014.3001.5502

从0开始教你三天完成毕业设计-前端之首页_Black Jun的博客-CSDN博客我这里主要用到了vue+element-ui,大概有不懂的,可以看下面https://blog.csdn.net/BlackjunPJH/article/details/128098608

从0开始教你三天完成毕业设计-前端之后台管理_Black Jun的博客-CSDN博客同理的话,我们还是用vue+element有不懂的话,可以看看前面两篇文章,上面有vue以及element的介绍,这里的话我们还是element的表格插件,同时后台管理界面无非就是一个crud,增删改查所以我这里就用一个界面进行举例说明。https://blog.csdn.net/BlackjunPJH/article/details/128103279?spm=1001.2014.3001.5502

来源地址：https://blog.csdn.net/BlackjunPJH/article/details/127064484