目录
前言
作为一个初学java的小萌新,用java的springboot框架一时间加急写出来一个项目的话还是有难度的,当然mbatis-plus的代码生成器是可以的,但是比较晦涩难懂,加上配置的问题,所以我这里就不推荐用java,听说php停简单的,因此,为了完成这篇文章我特意花了半天学完了php的phpthink框架,这个项目我们用前后端分离的模式,毕竟冗杂的时代已经快过去了,追上时代潮流,才能成为让老师眼前一亮的毕业设计.
用到的技术
phpthink+vue.js+element-ui+前后端分离的模式
因为是给那些从0开始的兄弟们,所以我这里还是简单介绍一下这些技术或者框架
phpthink 基于php的一个十分类似javaweb的框架
vue.js 一个非常要用的前端框架
element-ui 前端组件库,许多前端的样式不需要自己去调整了
建议:稍微看一下php,js,html,css,能看懂就行
开搞(环境配置)
按照开发项目的流程我们需要先设计数据,但是考虑到大家软件都还没有下载好,所以我这里给大家详细介绍一下软件的下载流程,以及部署步骤,请大家按照步骤来下载
1.wampService 这个是帮我们一键部署php三件套,mysql+apache+php
下载链接
安装好软件直接下一步就行,无脑操作,不要去修改路径可能会出现找不到的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接口
主题所有文章已经更新欢迎大家,留言评论
来源地址:https://blog.csdn.net/BlackjunPJH/article/details/127064484