这个图书商城太适合大学生做实训了，还是前后端分离的架构ssm+vue

发布于：2022-12-26 ⋅ 阅读:(546) ⋅ 点赞:(0)

基于SSM+VUE的图书商城网站

一、系统截图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、系统架构

系统架构：本系统使用Java作为主要的编程语言编程开发，后台以SSM框架作为主要的技术支撑，数据库采用采用MySQL，前端采用VUE同时配合JavaScript语言，同时引入百度的Ueditor编辑器丰富页面的内容。
开发环境：JDK8+IDEA+MySQL8.0

数据库设计表
电子设备销售网站需要后台数据库，下面介绍数据库中的各个表的详细信息：
表4.1 地址信息表
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
userid bigint(20) 否 用户id
address varchar(200) 否 地址
name varchar(200) 否 收货人
phone varchar(200) 否 电话
isdefault varchar(200) 否 是否默认地址[是/否]
表4.2 购物车信息表
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
tablename varchar(200) 是 dianzishangcheng 商品表名
userid bigint(20) 否 用户id
goodid bigint(20) 否 商品id
goodname varchar(200) 是 NULL 商品名称
picture varchar(200) 是 NULL 图片
buynumber int(11) 否 购买数量
price float 是 NULL 单价
discountprice float 是 NULL 会员价
表4.3 电子商城信息表
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
shangpinbianhao varchar(200) 是 NULL 商品编号
shangpinmingcheng varchar(200) 是 NULL 商品名称
shangpinleibie varchar(200) 是 NULL 商品类别
shangpinpinpai varchar(200) 是 NULL 商品品牌
shangpintupian varchar(200) 是 NULL 商品图片
shangpinyanshi varchar(200) 是 NULL 商品演示
shangshishijian date 是 NULL 上市时间
xiangxicanshu longtext 是 NULL 详细参数
thumbsupnum int(11) 是 0 赞
crazilynum int(11) 是 0 踩
price float 否 价格
表4. 4电子商城评论表
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
refid bigint(20) 否 关联表id
userid bigint(20) 否 用户id
nickname varchar(200) 是 NULL 用户名
content longtext 否 评论内容
reply longtext 是 NULL 回复内容
表4.5 积分商城评论表
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
refid bigint(20) 否 关联表id
userid bigint(20) 否 用户id
nickname varchar(200) 是 NULL 用户名
content longtext 否 评论内容
reply longtext 是 NULL 回复内容
表4.6 热门推荐评论表
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
refid bigint(20) 否 关联表id
userid bigint(20) 否 用户id
nickname varchar(200) 是 NULL 用户名
content longtext 否 评论内容
reply longtext 是 NULL 回复内容
表4.7 积分商城
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
shangpinbianhao varchar(200) 是 NULL 商品编号
shangpinmingcheng varchar(200) 是 NULL 商品名称
shangpintupian varchar(200) 是 NULL 商品图片
shangpinleixing varchar(200) 是 NULL 商品类型
shangpinpinpai varchar(200) 是 NULL 商品品牌
shangpinjiage int(11) 是 NULL 商品价格
shangpinjianjie longtext 是 NULL 商品简介
thumbsupnum int(11) 是 0 赞
crazilynum int(11) 是 0 踩
jifen int(11) 是 -1 积分
表4.8 订单信息表
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
orderid varchar(200) 否 订单编号
tablename varchar(200) 是 dianzishangcheng 商品表名
userid bigint(20) 否 用户id
goodid bigint(20) 否 商品id
goodname varchar(200) 是 NULL 商品名称
picture varchar(200) 是 NULL 商品图片
buynumber int(11) 否 购买数量
price float 否 0 价格/积分
discountprice float 是 0 折扣价格
total float 否 0 总价格/总积分
discounttotal float 是 0 折扣总价格
type int(11) 是 1 支付类型
status varchar(200) 是 NULL 状态
address varchar(200) 是 NULL 地址
tel varchar(200) 是 NULL 电话
consignee varchar(200) 是 NULL 收货人
表4.9 热门推荐信息表
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
shangpinbianhao varchar(200) 是 NULL 商品编号
shangpinmingcheng varchar(200) 是 NULL 商品名称
shangpinleibie varchar(200) 是 NULL 商品类别
shangpinpinpai varchar(200) 是 NULL 商品品牌
shangpintupian varchar(200) 是 NULL 商品图片
shangpinyanshi varchar(200) 是 NULL 商品演示
shangshishijian date 是 NULL 上市时间
xiangxicanshu longtext 是 NULL 详细参数
thumbsupnum int(11) 是 0 赞
crazilynum int(11) 是 0 踩
price float 否 价格
表4.10 商品类型信息表
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
shangpinleixing varchar(200) 是 NULL 商品类型
表4.11 收藏信息表
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
userid bigint(20) 否 用户id
refid bigint(20) 是 NULL 收藏id
tablename varchar(200) 是 NULL 表名
name varchar(200) 否 收藏名称
picture varchar(200) 否 收藏图片
表4. 12 管理员信息表
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
username varchar(100) 否 用户名
password varchar(100) 否 密码
role varchar(100) 是 管理员 角色
addtime timestamp 否 CURRENT_TIMESTAMP 新增时间
表4.13 销售统计信息表
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
shangpinbianhao varchar(200) 是 NULL 商品编号
shangpinmingcheng varchar(200) 是 NULL 商品名称
shangpinleibie varchar(200) 是 NULL 商品类别
xiaoshoushuliang int(11) 是 NULL 销售数量
表4.14 用户信息表
字段 类型 空 默认 注释
id (主键) bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
zhanghao varchar(200) 否 账号
mima varchar(200) 否 密码
xingming varchar(200) 是 NULL 姓名
xingbie varchar(200) 是 NULL 性别
lianxidianhua varchar(200) 是 NULL 联系电话
lianxiyouxiang varchar(200) 是 NULL 联系邮箱
shenfenzhenghao varchar(200) 是 NULL 身份证号
zhaopian varchar(200) 是 NULL 照片
jifen float 是 0 积分
money float 是 0 余额

三、下载链接

点击下载

更多关于项目的描述可以点击基于SSM+VUE的图书商城网站

四、核心代码

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context" xmlns:util="http://www.springframework.org/schema/util"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util.xsd">
​
    <!-- 引入属性文件 -->
    <context:property-placeholder location="classpath:config.properties"/>
​
    <!-- Service包(自动注入) -->
    <context:component-scan base-package="com.service"/>
​
    <import resource="classpath:spring/spring-mybatis.xml"/>
</beans>
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">
​
    <mvc:default-servlet-handler/>
​
    <!-- Controller包(自动注入) -->
    <context:component-scan base-package="com.controller"/>
​
    <!-- FastJson注入 -->
    <mvc:annotation-driven>
        <!-- <mvc:message-converters register-defaults="true">
            避免IE执行AJAX时,返回JSON出现下载文件
            FastJson
            <bean id="fastJsonHttpMessageConverter"
                  class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter">
                <property name="supportedMediaTypes">
                    <list>
                        这里顺序不能反，一定先写text/html,不然ie下出现下载提示
                        <value>text/html;charset=UTF-8</value>
                        <value>application/json;charset=UTF-8</value>
                    </list>
                </property>
                <property name="features">
                    <array value-type="com.alibaba.fastjson.serializer.SerializerFeature">
                        避免循环引用
                        <value>DisableCircularReferenceDetect</value>
                        是否输出值为null的字段
                        <value>WriteMapNullValue</value>
                        数值字段如果为null,输出为0,而非null
                        <value>WriteNullNumberAsZero</value>
                        字符类型字段如果为null,输出为"",而非null 
                        <value>WriteNullStringAsEmpty</value>
                        List字段如果为null,输出为[],而非null
                        <value>WriteNullListAsEmpty</value>
                        Boolean字段如果为null,输出为false,而非null
                        <value>WriteNullBooleanAsFalse</value>
                    </array>
                </property>
            </bean>
        </mvc:message-converters> -->
    </mvc:annotation-driven>
    <!-- 静态资源配置 -->
    <mvc:resources mapping="/resources/**" location="/resources/"/>
    <!-- 对模型视图名称的解析,即在模型视图名称添加前后缀 -->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"/>
        <property name="suffix" value=".jsp"/>
    </bean>
    
    <!-- 拦截器配置 -->
    <mvc:interceptors>
        <mvc:interceptor>
            <mvc:mapping path="/**"/>
            <mvc:exclude-mapping path="/upload"/>
            <bean class="com.interceptor.AuthorizationInterceptor"/>
        </mvc:interceptor>
    </mvc:interceptors>
​
    <!-- 上传限制 -->
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <!-- 上传文件大小限制为31M，31*1024*1024 -->
        <property name="maxUploadSize" value="32505856"/>
    </bean>
​
</beans>

网站公告

今日签到

点亮在社区的每一天
去签到

热门文章

最新发布