0
点赞
收藏
分享

微信扫一扫

MVC购物车

青鸾惊鸿 2022-04-04 阅读 74
java

1.什么是MVC?

2.MVC购物车案例

2.1.数据库的设计

2.2.需要开发的界面

2.3.购物车样式设计

2.4.购物车具体实现代码

        第一步:进入购物首页页面绑定数据

        第二步:点击加入购物车进入我的购物车页面

        第三步:加入到我的购物车,对商品数量的更改以及商品总价的计算

        第四步:实现删除我的购物车商品的功能

1.什么是MVC?
        MVC全名是Model(模型) View(视图) Controller(控制器)。是一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。

        Model(模型)表示应用程序核心(比如数据库记录列表)。
        View(视图)显示数据(数据库记录)。
        Controller(控制器)处理输入(写入数据库记录)。

2.MVC购物车案例
购物车效果展示:

功能:

        购物首页:点击加入购物车,进入我的购物车页面(商品直接加到我的购物车),也可直接点击我的购物车进入(查看加入到购物车的商品)。

        我的购物车:可进行对商品数量的更改以及商品总价的计算、以及删除购物车商品的操作。

2.1.数据库的设计
sp_user用户表
用户ID(uuid)    用户名称(uuid)    用户密码(uuid)    用户地址(uuid)    用户电话(uuid)
1    admin    123    长沙    888888
2    sb    321    郴州    999999
                         

sp_goods商品表
商品ID(gid)    商品名称(gname)    商品单价(gprice)
1    可乐    3
2    方便面    4.5
3    饼干    15
sp_cart购物车表
商品编号(cid)    商品名称(gname)    商品单价(gprice)    商品数量(gcount)    商品总价(cprice)    购买用户ID(uuid)
1    可乐    3    1    3    admin
2    饼干    15    1    15    sb
--sp_user用户表
create table sp_user(
       uuid number primary key,--用户ID
       uname varchar2(20) unique,--用户名称
       upwd varchar2(20),--用户密码
       uaddress varchar2(50),--用户地址
       utel varchar2(50)--用户电话
)

--sp_goods商品表
create table sp_goods(
       gid number primary key,--商品ID
       gname varchar2(20) not null,--商品名称
       gprice float not null--商品单价
)

--往sp_goods商品表里面插入的数据

insert into sp_goods(gname,gprice)
select 'mp31',100 from dual union
select 'mp32',1200 from dual union
select 'mp33',100 from dual union
select 'mp34',1600 from dual union
select 'mp35',1500 from dual union
select 'mp36',1400 from dual union
select 'mp37',1700 from dual union
select 'mp38',1300 from dual union
select 'mp39',1500 from dual union
select 'mp40',200 from dual

--sp_cart购物车表
create table sp_cart(
       cid number primary key,--商品编号
       gname varchar2(20),--商品名称
       gprice float,--商品单价
       gcount number,--商品数量
       cprice number,--商品总价
       uuid number--购买用户ID
)

注意:所有表都要有标识列(序列+触发器)。

例:为sp_cart购物车表创建序列和触发器

--序列

create sequence 序列名(例:s_pcart);

--触发器

create or replace trigger 触发器名(例:t_pcart)
before insert
on 表名(例:sp_cart)
for each row
  begin
    :new. 要设置为标识列的字段(例:cid) :=  序列名(例:s_pcart).nextval;
  end;

2.2.需要开发的界面
        用户的登录 login.jsp、注册 register.jsp(觉得麻烦也可不写)页面;

        购物首页页面 shop.jsp;

        我的购物车页面 cart.jsp。

2.3.购物车样式设计
        1.购物首页页面样式排版代码。(需要可自取)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>购物首页</title>
<style type="text/css">
    #border{
        border-collapse: collapse;
    }
    a{
        text-decoration: none;
    }
</style>
</head>
<body>
    <h2 align = "right">
            <a href="#">我的购物车</a>
    </h2>
 
    <div>
        <center>
            <font size="25px" style="font-weight: bold">购物首页</font>
        </center>
        <table id = "border" border = "1px" width = "100%" height="1000px">
        <tr align = "center" style = "font-size: 20px; font-weight: bold">
            <td>商品序号</td>
            <td>商品名称</td>
            <td>商品单价</td>
            <td>操作</td>
        </tr>
        
        <tr align = "center">
            <td></td>
            <td></td>
            <td></td>
            <td>
                <a href = "#">加入购物车</a>
            </td>
        </tr>
    </table>
    <h2>
        <a href = "#">退出</a>
    </h2>
    </div>
</body>
</html>

举报

相关推荐

mvc购物车

javaWeb 20(MVC 购物车)

JavaWEB(MVC购物车02)

JavaWEB(MVC购物车01)

Javaweb (MVC购物车01)

JavaWeb—21 MVC购物车02

JavaScript购物车

jquery购物车

0 条评论