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

141 阅读6分钟

基于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>