前台:使用bootstrap。

后台:使用layui。

数据库:mysql

下载地址:https://github.com/oukele/wabaowangDemo(数据库文件忘记上传,我在展示功能结束后面贴出数据库数据)

完成大概功能时间:6天

前台功能展示

  前台主页面:

  

  分类搜索:

  

  搜索栏搜索:

  

  登陆/注册功能做的粗糙,就不介绍了。

  用户在未登陆的时候可以浏览页面,但是点击加入购物车和查看我的购物车时就需要登陆(弹出一个登陆窗体)

  

  

  完成登陆就可以实现加入购物和查看购物车并查看购物车里的数量

  

  去到我的购物车进行结算

  

    

  点击订单记录功能:

  

  以上就是前台的功能(没有一 一展示)

  

  后台功能展示:
    实现了商品增改功能(删的话因为商品表关联太多表,所以没做.),实现了图片上传

 数据库数据:
  

drop database shop;
create database if not exists shop;
use shop;
#用户表
create table User(
u_id int primary key auto_increment COMMENT '用户编号',
u_name varchar(20) NOT NULL COMMENT '用户账号',
u_pwd VARCHAR(20) not null COMMENT '用户密码',
u_tel VARCHAR(11) not null COMMENT '用户电话',
u_email VARCHAR(20) not null COMMENT '用户邮箱'
);
insert into User(u_name,u_pwd,u_tel,u_email) values
('oukele','oukele','','2668697130@qq.com'),
('test','test','','test@qq.com'),
('admin','admin','','admin@qq.com');
select * from User;
#用户地址表
create table Address(
ad_id int primary key auto_increment COMMENT '用户地址编号',
ad_name varchar(20) not null COMMENT '收货人',
ad_address VARCHAR(50) not null COMMENT '用户配送地址',
ad_tel VARCHAR(11) not null COMMENT '用户配送电话',
ad_u_id int COMMENT '用户表外键',
FOREIGN key (ad_u_id) REFERENCES User(u_id)
)engine=innodb default charset=utf8;
insert into Address(ad_name,ad_address,ad_tel,ad_u_id) values
('张三','江西省赣州市什么路153号','',1),
('李四','广东省广州市天河区什么路121号','',1),
('王叔','广西省来宾市兴宾区文化路333号','',1),
('李叔','广东省珠海市香洲区未知路121号','',2),
('年经','广西省南宁市未知区情侣路111号','',2);
select * from Address; #类型表decimal
create table Type(
t_id int primary key auto_increment COMMENT '类型表编号',
t_name VARCHAR(10) not null COMMENT '类型名称'
)engine=innodb default charset=utf8; insert into `Type`(t_name) values ('电脑');
insert into `Type`(t_name) values ('手机');
insert into `Type`(t_name) values ('家电');
insert into `Type`(t_name) values ('家具');
insert into `Type`(t_name) values ('运动');
insert into `Type`(t_name) values ('食品');
insert into `Type`(t_name) values ('办公');
insert into `Type`(t_name) values ('汽车');
insert into `Type`(t_name) values ('珠宝');
insert into `Type`(t_name) values ('玩具');
insert into `Type`(t_name) values ('服装'); select * from Type;
#商品表
create table product(
p_id int primary key auto_increment COMMENT '商品编号',
p_name VARCHAR(20) not null COMMENT '商品名称',
p_price decimal(10,2) COMMENT '商品价格',
p_info VARCHAR(100) COMMENT '商品简介',
p_photo varchar(256) COMMENT '商品图片',
p_state int default 1 COMMENT '商品状态' ,
p_t_id int COMMENT '类型表外键',
foreign key (p_t_id) references Type(t_id)
)engine=innodb default charset=utf8;
#购物车
select * from product;
create table Cart(
c_id int primary key auto_increment COMMENT '购物车编号',
c_state int default 0 COMMENT '购物车状态',
c_num int default 0 COMMENT '数量',
c_sum decimal(10,2) COMMENT '金额',
c_u_id int COMMENT '用户表外键',
c_p_id int COMMENT '商品表外键',
foreign key (c_u_id) references User(u_id),
foreign key (c_p_id) references product(p_id)
)engine=innodb default charset=utf8;
#drop table Cart
#insert into Cart(c_state,c_num,c_sum,c_u_id,c_p_id) values
#(0,2,8916.12,1,3),
#(0,1,33579.01,2,2);
select * from Cart;
#订单表
create table Orders(
o_id int primary key auto_increment COMMENT '订单编号',
o_state int DEFAULT 0 COMMENT '订单状态',
o_money decimal(10,2) COMMENT '订单总金额',
o_ad_id int COMMENT '用户地址表外键',
o_c_id int COMMENT '购物车外键',
foreign key (o_ad_id) references Address(ad_id),
foreign key (o_c_id) references Cart(c_id)
)engine=innodb default charset=utf8;
#insert into Orders(o_state,o_money,o_ad_id,o_c_id) values
#(1,8916.12,1,1);
select * from Orders; #根据类型表id查询商品品表的数据
#select * from product where p_t_id =(select t_id from type where t_id=1 );
#商品信息模糊查询
#select * from product where p_name like '%iPhone 8%';
#登陆
#select * from User where u_name ='oukele' and u_pwd='oukele' or u_tel='' and u_pwd='oukele' or u_email=null and u_pwd='oukele';
#查询用户商品购物车的数量
#select sum(c_num) from Cart where c_u_id=13 and c_state='未购';
#购物车编号,商品信息,商品单价,购物数量
#select * from cart c
# inner join product p on c.c_p_id=p.p_id
# where c.c_u_id =13;
#删除购物车
#delete from cart where c_id=5;
#查询多条数据的金额
#select sum(c_sum) from cart where c_id in(9,8,10);
#
#select * from cart c inner join address a on c.c_u_id=a.ad_u_id;
#修改购物车状态
#update cart set c_state='' where c_id=7;
#select * from cart where c_u_id=1;
#select * from orders o
# inner join cart c on o.o_c_id=c.c_id
# inner join address ad on o.o_ad_id=ad.ad_id
# inner join product p on c.c_p_id=p.p_id;
#查看多条购物车信息
#select * from cart c inner join product p on c.c_p_id=p.p_id
# where c.c_id in(1,2,3) and c.c_state=0;
#查看多条购物车的总金额
#select sum(c_sum) from cart c inner join product p on c.c_p_id=p.p_id
#where c.c_id in(1,2,3) and c.c_state=0;
#根据用户id查看地址表信息
#select * from address where ad_u_id=1;
#修改多条购物车订单
#update cart set c_state=0 where c_id in(2,3);
#
#select * from Address;
#
#select * from orders;
#
#select p.p_photo,p.p_info,c.c_num,o.o_money,ad.ad_address,ad.ad_name from orders o
# inner join cart c on o.o_c_id=c.c_id
# inner join product p on c.c_p_id=p.p_id
# inner join address ad on o.o_ad_id=ad.ad_id
# inner join user u on ad.ad_u_id=u.u_id
# where u.u_id=4;
#查看商品表,类型表
#select * from product p inner join type t on p.p_t_id=t.t_id order by p_id limit 0,2;
#
#select count(t_name) from type where t_name='食品';
#
#select * from product;
#delete from product where p_id =1;
#update product set p_price=12.32,p_info='测试',p_photo='无',p_state=0,p_t_id=1 where p_id=16;
#查看商品总条数据
#select count(p_id) from product;
#
#update product set p_state=0 where p_id=16;
# insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (1,'未知','联想(Lenovo)330C15.6英寸商务娱乐影音笔记本电脑(i7-8550U 4G 1T+128G MX110 2G FHD Office2016)黑',4999.00,'2b5a7b43-b18d-43b6-a690-ae9f6dcae1e6.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (1,'未知','小米(MI)Air 13.3英寸全金属超轻薄笔记本电脑(i5-8250U 8G 256GSSD 集显 预装Office 指纹版)银',4999.00,'a6424b9d-e67a-4e41-a3b3-4e7c8a8ad690.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (1,'未知','荣耀MagicBook 14英寸轻薄窄边框笔记本电脑(i7-8550U 8G 256G MX150 2G独显 FHD IPS 正版Office)冰河银',5999.00,'6a930885-e8fa-4e93-8e47-766bb7aa44cc.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (2,'未知','荣耀9i 4GB+64GB 幻夜黑 移动联通电信4G全面屏手机 双卡双待',1499.00,'cdc81e9a-102e-4940-81ed-5b555ef854d5.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (2,'未知','一加手机6 8GB+128GB 琥珀红 全面屏双摄游戏手机 全网通4G 双卡双待',3599.00,'a6806753-059e-4d51-a1c0-7f26b9f5a685.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (2,'未知','Apple iPhone 8 (A1863) 256GB 银色 移动联通电信4G手机',5999.00,'1c150088-52b0-4504-b388-7cdf4960d7b7.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (3,'未知','利仁(Liven)多用途锅多功能家用电火锅 不粘电炒锅电热锅电煮锅 京东自营小家电DHG-40FK',109.00,'d33f0021-0d92-4b04-9312-b925e1831010.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (3,'未知','LG 7公斤DD变频直驱全自动滚筒洗衣机 450mm纤薄机身 智能手洗 静音 奢华白 WD-L51HNG20',2549.00,'e1aa4475-1e80-43bb-82e1-c4d26af93cbe.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (3,'未知','LG 55LG63CJ-CA 55英寸超高清4K IPS硬屏主动式HDR 智能平板液晶电视机(黑色)',3688.00,'8e971819-1f7c-48ce-b118-78a8a381c62e.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (3,'未知','TCL 65A860U 65英寸32核人工智能 超智慧 超薄4K 超高清电视机(银色)',4999.00,'0a231feb-ae0b-4c57-91a6-6f2bf6826633.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (11,'未知','TEEK长袖T恤男2018秋冬新品 休闲衣服体恤男装加绒上衣打底衫 【不加绒】T708浅蓝色 175/96(L码)',89.00,'00dfcdb5-1a5f-4ef9-8684-0ffeec5c8057.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (11,'未知','唐狮纯色短袖t恤男圆领夏季体恤纯棉半袖花纱衣服韩版男装打底衫 深麻灰(B款/棉汗布) M',69.00,'aaf85d0d-f380-44ac-9efc-dd8bfb176d61.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (11,'未知','UYUK短袖T恤男士卫衣2018夏季冰爽新款帅气韩版五分连帽半袖韩版修身时尚休闲打底衫中袖大码男装 81灰色 L',88.00,'1c1ba6ba-88ec-4a61-b9a7-22bc21557b3e.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (11,'未知','子牧棉麻2018夏季新款 女新品 民族风女装印花宽松长款短袖复古盘扣连衣裙3008 蓝黄花 L建议(130斤以内)',159.00,'fc39af9e-8384-4041-87e1-b82075a2af9f.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (11,'未知','婪澈长袖连衣裙2018秋季新款两件套套装裙时尚套装女春针织大码女装韩版雪纺女沙滩裙子 白衣+黑背心 L',149.00,'93725a60-e7d0-4df1-9072-3d9393a14aba.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (11,'未知',' 夏季连衣裙短袖2018套装裙套装女春真丝性感大码女装韩版雪纺夏季新款女沙滩裙子',124.20,'001c5b18-aaf9-41ad-8d7e-aebf98cda368.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (6,'未知','乐事(Lay’s)无限薯片 休闲零食 104g*3组合装(原味+烤肉+番茄)百事食品',19.90,'38544c08-a6ea-453a-87c9-aed3e0722d6b.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (6,'未知','奥利奥Oreo早餐休闲零食蛋糕糕点缤纷双果味夹心饼干蓝莓味+树莓味388g',22.90,'b345b941-f8a6-4681-b5be-9f2572a9c00a.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (6,'未知','三只松鼠休闲零食网红食品黄山特产梅干菜扣肉酥烧饼蟹壳黄烧饼150g',16.90,'82ab6d30-3190-411a-a4ba-a38aa0eb8e83.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (6,'未知','良品铺子 鹌鹑蛋 卤蛋 香卤蛋 零食小吃 卤味熟食真空128g',16.90,'86232f55-4a02-4095-817e-0ad6de848d1b.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (1,'未知','戴尔DELL游匣G3烈焰版 15.6英寸游戏笔记本电脑(i5-8300H 8G 128GSSD 1T GTX1050Ti 4G独显 IPS)',5999.00,'8bcca82e-1554-4b5a-bf1b-c65c16cd7031.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (7,'未知','可得优(KW-triO) 桌面办公文件筐三联文件框三列杂志框办公文件架资料架',31.70,'4575cf63-6b11-4642-95d3-94d03a363113.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (7,'未知','广博(GuangBo)稳固型四联文件栏/文件筐/文件架办公用品 蓝WJK9399',9.90,'983de259-879a-446b-8025-2d68718e2049.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (7,'未知','得力(deli)金属网纹圆形笔筒 简约创意桌面收纳 黑色9172',6.50,'62299d9a-cef6-4cd5-a28f-3ff3e5246061.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (5,'未知','特步(XTEP) 特步男鞋跑步鞋轻便耐磨运动鞋男士休闲皮鞋透气鞋子夏季款减震慢跑鞋 黑桔/飞织 43',169.00,'76bafa7b-f651-4500-a0ee-15daea15c060.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (5,'未知','【赞商品】李宁 LI-NING 耐磨PU材质篮球室内外兼用CBA联赛官方比赛蓝球lanqiu 443-1',79.00,'1971e5fd-8b72-42a4-8aa3-f304cddb7ad3.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (5,'未知','【买一送五】中国李宁篮球水泥地耐磨PU室内外篮球 训练比赛7号成人蓝球韦德之道纪念版DWADE篮球 韦德之道纪念版篮球(黑色)',159.00,'265e3df7-39c2-461e-8954-a5dac90b3fcd.jpg');
insert into `product`(p_t_id,p_name,p_info,p_price,p_photo) values (6,'未知','良品铺子酥脆薄饼薄脆海苔咸饼干 盒装咸味零食小吃早餐休闲食品300g',9.90,'3c9cff8c-f874-41ad-a222-9c82df60a847.jpg'); select * from product p inner join type t on p.p_t_id=t.t_id;

最后感谢大佬提供给我的商品信息内容(我比较懒。。)

(web)个人项目(挖宝网)的更多相关文章

  1. Tengine是由淘宝网发起的Web服务器项目。它在Nginx的基础上,针对大访问量网站的需求,添加了很多高级功能和特性

    简介 Tengine是由淘宝网发起的Web服务器项目.它在Nginx的基础上,针对大访问量网站的需求,添加了很多高级功能和特性.Tengine的性能和稳定性已经在大型的网站如淘宝网,天猫商城等得到了很 ...

  2. 百度网盘web端项目总结

    项目背景 网盘作为一个在线备份存储,共享文件的工具类产品,给人们的工作和生活带来了很大的帮助和便利.百度网盘是目前国内使用量最大的网盘产品,至今发展已有4年,总用户数超4亿,为了让用户有着更好的使用体 ...

  3. Selenium Web 自动化 - 项目实战环境准备

    Selenium Web 自动化 - 项目实战环境准备 2016-08-29 目录 1 部署TestNG  1.1 安装TestNG  1.2 添加TestNG类库2 部署Maven  2.1 mav ...

  4. 【饿了么】—— Vue2.0高仿饿了么核心模块&移动端Web App项目爬坑(三)

    前言:接着上一篇项目总结,这一篇是学习过程记录的最后一篇,这里会梳理:评论组件.商家组件.优化.打包.相关资料链接.项目github地址:https://github.com/66Web/ljq_el ...

  5. 详解Net Core Web Api项目与在NginX下发布

    前言 本文将介绍Net Core的一些基础知识和如何NginX下发布Net Core的WebApi项目. 测试环境 操作系统:windows 10 开发工具:visual studio 2019 框架 ...

  6. 论如何在服务器上部署一个自己的web前端项目

    就在前两天,有新人通过邮箱问到笔者,如何部署自己的web前端项目?笔者在此详细介绍. 一.购买云服务器 配置用户名密码.安全组 二.下载Xshell于Xftp工具 用于登录服务器和文件上传 三.在li ...

  7. Web API项目中使用Area对业务进行分类管理

    在之前开发的很多Web API项目中,为了方便以及快速开发,往往把整个Web API的控制器放在基目录的Controllers目录中,但随着业务越来越复杂,这样Controllers目录中的文件就增加 ...

  8. 在ASP.NET Web API项目中使用Hangfire实现后台任务处理

    当前项目中有这样一个需求:由前端用户的一个操作,需要触发到不同设备的消息推送.由于推送这个具体功能,我们采用了第三方的服务.而这个服务调用有时候可能会有延时,为此,我们希望将消息推送与用户前端操作实现 ...

  9. Selenium Web 自动化 - 项目实战(三)

    Selenium Web 自动化 - 项目实战(三) 2016-08-10 目录 1 关键字驱动概述2 框架更改总览3 框架更改详解  3.1 解析新增页面目录  3.2 解析新增测试用例目录  3. ...

随机推荐

  1. Linux操作系统原理笔记

    在Linux操作系统内核内部,进程是通过一个链表,而且是一个双向链表来管理的. 进程描述符:每一个进程都有其描述符,每一个描述符彼此之间都有关联性的.   双向链表:   一个进程内部可能包含多个线程 ...

  2. hdoj2196(树形dp,树的直径)

    题目链接:https://vjudge.net/problem/HDU-2196 题意:给出一棵树,求每个结点可以到达的最远距离. 思路: 如果求得是树上最长距离,两次bfs就行.但这里求的是所有点的 ...

  3. gitlab本地部署方法(ubuntu16.04+gitlab9.5.5)

    Gitlab本地部署方法   1 前期准备 电脑配置:windows7 ,内存8GB以上(因为有4GB左右要分配给虚拟机中的ubuntu) 虚拟机:VMware Linux系统:ubuntu16.04 ...

  4. sql sever 授予用户create table权限

    sql server2008的用户权限管理及其细致.此处我也不知道是表扬还是批评.所以经常会遇到各种“对不起您没有**权限”的问题. 本次遇到的问题机器常见.在尝试修改数据库结构时提示"没有 ...

  5. 1-python django的创建

    一.Virtualenv(我的python环境是3.7) 1.虚拟环境创建(针对python版本和django的版本不一致的) 输入 pip install virtuallenv ,看到如下信息就是 ...

  6. Kafka网络模型

    摘要:很多人喜欢把RocketMQ与Kafka做对比,其实这两款消息队列的网络通信层还是比较相似的,本文就为大家简要地介绍下Kafka的NIO网络通信模型,通过对Kafka源码的分析来简述其React ...

  7. Winform 5种皮肤小结(内含丰富的下载实例)

    软件界面就是指软件中面向操作者而专门设计的用于操作使用及反馈信息的指令部分. 优秀的软件界面有简便易用,突出重点,容错高等特点. 1.东日IrisSkin  使用IrisSkin只能是对单一的控件重绘 ...

  8. 洛谷UVA11987Almost Union-Find题解--并查集的删除

    题目链接 https://www.luogu.org/problemnew/show/UVA11987 分析 分析下操作发现就是加了个删除操作的并查集,怎么做删除操作呢. 我们用一个\(id[]\)记 ...

  9. http请求204

    项目中发现一个奇怪的问题,请求的时候同一个接口有两个请求,而且有一个状态为204,有一个为200 在网上查看资料后得知,是因为跨域而引起的,OPTIONS是一种“预检请求”,浏览器在处理跨域访问的请求 ...

  10. 页面加载时调用js函数方法

    方法一:在html的body中加入onload=""事件 <body onload='queryServer()'> </body> 方法二:jquery ...