前台:使用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. SpringBoot中使用aop-测试

    面向切面编程(AOP),该种方式主要是为了弥补面向对象编程(OOP)的不足,通过配置切面以及关注点.通知等我们可以在程序的任意位置对我们的代码进行增强(执行一些代码),AOP是Spring的特性之一, ...

  2. Postfix to Infix

    Infix expression: The expression of the form a op b. When an operator is in-between every pair of op ...

  3. Oracle-DQL 1- select基础

    说明:语句中说到的“表”,以及表中有哪些“列”自行脑补......重要的是理解概念,能看懂语句代表的含义就可以了~ DQL-数据查询语句: 1.* 表示所有列SELECT * FROM emp; 2. ...

  4. GET POST请求区别

    cookie .session.tokencookie:存放在浏览器相关的硬盘文件中session:存放在服务器端的内存中,退出后,被清空token:服务器端生成后,不保存,发给客户端,客户端的hea ...

  5. Ruby Rails学习中:网站导航,Bootstrap和自定义的CSS,局部视图

    添加一些结构 一.网站导航 1.添加一些结构后的网站布局文件 打开文件:app/views/layouts/application.html.erb 简单介绍一下,添加的代码: 我们从上往下看一下这段 ...

  6. Spring实战(十二) Spring中注入AspectJ切面

    1.Spring AOP与AspectJ Spring AOP与AspectJ相比,是一个功能比较弱的AOP解决方案. AspectJ提供了许多它不能支持的类型切点,如在创建对象时应用通知,构造器切点 ...

  7. Spring 配置文件注入

    一.Spring配置文件注入 package com.zxguan.demo; public class Person { private String name; private int age; ...

  8. 【原创】大数据基础之ETL vs ELT or DataWarehouse vs DataLake

    ETL ETL is an abbreviation of Extract, Transform and Load. In this process, an ETL tool extracts the ...

  9. 【原创】大叔经验分享(65)spark读取不到hive表

    spark 2.4.3 spark读取hive表,步骤: 1)hive-site.xml hive-site.xml放到$SPARK_HOME/conf下 2)enableHiveSupport Sp ...

  10. WebFont技术使用之如何在app中使用自定义字体

    参考 H5自定义字体解决方法(mark) 移动Web字体的使用 [原]移动web页面使用字体的思考 CSS @font-face规则 引用外部服务器字体