基于Javaweb+Bootstrap的电商模块的设计与实现

电商管理模块设计与实现

主要功能：实现电商系统的登录功能与商品的增删改查功能

主要技术：Maven进行项目构建，基于Spring+Mybatis框架实现，前端使用Bootsrap框架

效果演示

代码实现

分页实体

// 分页实体
public class Pager {
    // 1.当前页码
    private int pageIndex;
    // 2.一页需要展示多少条数据
    private int pageSize = 3;
    // 3.当前条件下总的数据量
    private int totalCount;
    // 4.总共可以分多少页
    private int totalPages;

    public int getPageIndex() {
        // 取页码的时候，做一些判断
        pageIndex = pageIndex <= 0 ? 1 : pageIndex;
        // 判断页码是否越界 了
        pageIndex = pageIndex >= getTotalPages() ? getTotalPages() : pageIndex;
        return pageIndex;
    }

    public void setPageIndex(int pageIndex) {
        this.pageIndex = pageIndex;
    }

    public int getPageSize() {
        return pageSize;
    }

    public void setPageSize(int pageSize) {
        this.pageSize = pageSize;
    }

    public int getTotalCount() {
        return totalCount;
    }

    public void setTotalCount(int totalCount) {
        this.totalCount = totalCount;
    }

    public int getTotalPages() {
        // 总页数
        // 根据总数据量和每页最多展示多少来确定的
        // 10条数据 3 -> 4页
        // 9条数据  3  -> 3页
        return (this.getTotalCount() - 1) / this.getPageSize() + 1;
    }

    // 分页的第一个参数
    public int getFirstParam() {
        return (this.getPageIndex() - 1) * this.getPageSize();
    }


}

Spring配置文件application.xml

<?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:p="http://www.springframework.org/schema/p"
       xmlns:c="http://www.springframework.org/schema/c"
       xmlns:tx="http://www.springframework.org/schema/tx"
       xmlns:aop="http://www.springframework.org/schema/aop"
       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-4.0.xsd
                  http://www.springframework.org/schema/tx
                  http://www.springframework.org/schema/tx/spring-tx-4.0.xsd
                  http://www.springframework.org/schema/context
                  http://www.springframework.org/schema/context/spring-context-4.0.xsd
                  ">

    <!-- 声明用了annotation注解bean
           开启组件扫描：它会到基础包下扫描@Service @Repository @Controller @Component这四种注解声明的bean，
          扫描后会将这些bean交由Spring容器管理
    -->
    <context:component-scan base-package="com.geekerstar.shop"></context:component-scan>

    <!-- 配置数据源 -->
    <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource" destroy-method="close"/>

    <!-- 配置sqlSessionFactory -->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"
          p:dataSource-ref="dataSource">
        <!-- 配置类型别名：采用包扫描的方式到基础包下扫描所有的类，作为MyBatis2能够转换的类型，多个包之间用;分隔 -->
        <property name="typeAliasesPackage">
            <value>
                com.geekerstar.shop.bean
            </value>
        </property>
    </bean>

    <!-- 配置数据访问接口 -->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"
          p:sqlSessionFactoryBeanName="sqlSessionFactory">
        <!-- 配置数据访问接口：采用包扫描的方式到基础包下扫描所有的类，作为MyBatis2的数据访问接口，
            并创建这些类的代理对象，创建出来后会把这些代理对象交给Spring容器管理，bean的id名默认为接口的类名前面首字母小写
           多个包之间用;分隔 -->
        <property name="basePackage">
            <value>
                com.geekerstar.shop.repository
            </value>
        </property>
    </bean>

    <!-- 配置DataSourceTransactionManager -->
    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"
          p:dataSource-ref="dataSource"/>

    <!-- 开启annotation注解事务 -->
    <tx:annotation-driven transaction-manager="transactionManager"/>

</beans>