使用数据库和ssm框架(spring + springmvc + mybatis )写一个简单的书籍管理网站


使用数据库和ssm框架(spring + springmvc + mybatis )写一个简单的书籍管理网站



目录


1.如何创建web项目,新手可以参照下图:

打开安装好的idea(我的是2018,差别不是很大,可以仔细辨别)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
到这里,我们已经建立了一个空的web项目。

2.开始按照使用ssm框架建立相应的包:最初情况如下:

在这里插入图片描述
右键main,new一个空的目录(Directory),取名:Java,然后右键新生成的Java,点击Make
Directory,选择Sources Root(变成淡蓝色),然后对Java建立com包,再com包下面建立bean,controller,dao,service四个包。
在这里插入图片描述
然后在main建立一个resourecs,右键点击Make Directory as 选择Resources Root
在这里插入图片描述
在resources下面建立一个mapper,导入下面素材:
在这里插入图片描述
素材下载百度云:链接:https://pan.baidu.com/s/1RWchAy8kH6er9CbzZ25RdA
提取码:iky3

3.修改配置pom.xml文件

*修改pom.xml文件:*可以选择先替换 <properties> </properties>

 <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <maven.compiler.source>1.8</maven.compiler.source>
    <maven.compiler.target>1.8</maven.compiler.target>
    <!-- spring版本号 -->
    <spring.version>5.0.2.RELEASE</spring.version>
    <!-- mybatis版本号 -->
    <mybatis.version>3.2.6</mybatis.version>
    <!-- log4j日志文件管理包版本 -->
    <slf4j.version>1.7.7</slf4j.version>
    <log4j.version>1.2.17</log4j.version>
    <c3p0.version>0.9.5.2</c3p0.version>
    <taglibs.version>1.1.2</taglibs.version>
  </properties>

然后使用下面的替换 <dependencies> </dependencies>

   <dependencies>
        <!-- spring核心包 -->
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-core</artifactId>
          <version>${spring.version}</version>
        </dependency>
    
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-web</artifactId>
          <version>${spring.version}</version>
        </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-oxm</artifactId>
          <version>${spring.version}</version>
        </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-tx</artifactId>
          <version>${spring.version}</version>
        </dependency>
    
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-jdbc</artifactId>
          <version>${spring.version}</version>
        </dependency>
    
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-webmvc</artifactId>
          <version>${spring.version}</version>
        </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-aop</artifactId>
          <version>${spring.version}</version>
        </dependency>
    
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-context-support</artifactId>
          <version>${spring.version}</version>
        </dependency>
    
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-test</artifactId>
          <version>${spring.version}</version>
        </dependency>
        <!-- mybatis核心包 -->
        <dependency>
          <groupId>org.mybatis</groupId>
          <artifactId>mybatis</artifactId>
          <version>${mybatis.version}</version>
        </dependency>
        <!-- mybatis/spring包 -->
        <dependency>
          <groupId>org.mybatis</groupId>
          <artifactId>mybatis-spring</artifactId>
          <version>1.2.2</version>
        </dependency>
        <!-- 导入java ee jar 包 -->
        <dependency>
          <groupId>javax</groupId>
          <artifactId>javaee-api</artifactId>
          <version>7.0</version>
        </dependency>
    
        <!-- 导入Mysql数据库链接jar包 -->
        <dependency>
          <groupId>mysql</groupId>
          <artifactId>mysql-connector-java</artifactId>
          <version>5.1.30</version>
        </dependency>
        <!-- 导入dbcp的jar包,用来在applicationContext.xml中配置数据库 -->
        <dependency>
          <groupId>commons-dbcp</groupId>
          <artifactId>commons-dbcp</artifactId>
          <version>1.2.2</version>
        </dependency>
        <!-- JSTL标签类 -->
        <dependency>
          <groupId>jstl</groupId>
          <artifactId>jstl</artifactId>
          <version>1.2</version>
        </dependency>
        <!-- 日志文件管理包 -->
        <!-- log start -->
        <dependency>
          <groupId>log4j</groupId>
          <artifactId>log4j</artifactId>
          <version>${log4j.version}</version>
        </dependency>
    
    
        <!-- 数据连接池 -->
        <dependency>
          <groupId>com.mchange</groupId>
          <artifactId>c3p0</artifactId>
          <version>${c3p0.version}</version>
        </dependency>
    
        <dependency>
          <groupId>taglibs</groupId>
          <artifactId>standard</artifactId>
          <version>${taglibs.version}</version>
        </dependency>
    
        <dependency>
          <groupId>org.slf4j</groupId>
          <artifactId>slf4j-api</artifactId>
          <version>${slf4j.version}</version>
        </dependency>
        <dependency>
          <groupId>org.slf4j</groupId>
          <artifactId>slf4j-log4j12</artifactId>
          <version>${slf4j.version}</version>
        </dependency>
    
        <!-- 导入servlet-api/jsp -->
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>javax.servlet-api</artifactId>
          <version>3.1.0</version>
          <scope>provided</scope>
        </dependency>
        <!-- https://mvnrepository.com/artifact/javax.servlet.jsp/javax.servlet.jsp-api -->
        <dependency>
          <groupId>javax.servlet.jsp</groupId>
          <artifactId>javax.servlet.jsp-api</artifactId>
          <version>2.3.1</version>
          <scope>provided</scope>
        </dependency>
    
      </dependencies>
 
 之后点击idea右下角会出现的 auto......(然后ide会自动导入各种jar包,直到输出界面出现 SUCCESS BUILD) 这样子就配置成功了。

4.开始准备编程了(以网页书籍查询遍历为例子)

建立如下位置的类和接口:
在这里插入图片描述
Userinfo类:

package com.zhongruan.bean;

public class Userinfo {
    private int id;
    private String username;
    private String password;

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }
}

UserController类:

package com.zhongruan.controller;

import com.zhongruan.bean.Userinfo;
import com.zhongruan.service.IUserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

import java.util.List;

@Controller
@RequestMapping("user")//网页地址导航
public class UserController {
    @Autowired
    private IUserService userService;
    @RequestMapping("/findAll.do")//导航
    public ModelAndView findAll(){
        List<Userinfo> userinfos = userService.findAll ();
        ModelAndView modelAndView=new ModelAndView ();
        modelAndView.addObject ("ui",userinfos);
        modelAndView.setViewName ("allUser");
        return modelAndView;
    }
}

IUserDao接口:

package com.zhongruan.dao;

import com.zhongruan.bean.Userinfo;

import java.util.List;

public interface IUserDao {
    public List<Userinfo> findAll();
}

IUSerivices接口:

package com.zhongruan.service;

import com.zhongruan.bean.Userinfo;

import java.util.List;

public interface IUserService {
    public List<Userinfo> findAll();
}

impl里面新建一个UserServicesimpl类,去实现IUserSerivices接口:

package com.zhongruan.service.impl;

import com.zhongruan.bean.Userinfo;
import com.zhongruan.dao.IUserDao;
import com.zhongruan.service.IUserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;
@Service//注解,IUserService放进spring
public class UserServiceimpl implements IUserService {
    @Autowired//注解,把spring中的iUserDao生成后取出
    IUserDao iUserDao;
    @Override
    public List<Userinfo> findAll() {
        return iUserDao.findAll ();
    }
}

5.开始建立数据库和表:

表的设计如下:
在这里插入图片描述
表的数据如下:
在这里插入图片描述

6.开始配置tomcat调试

点击Run,点击EditConfiguration
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

7.效果图

在这里插入图片描述
点击“点击查询全部用户信息”,进入alluser.jsp页面
在这里插入图片描述
欧克大功告成!下次更新更新用户信息操作!

一,开发环境以及运行基础 编译环境:基于eclipse,jdk1.7 数据库MySQL,mongoDB, 服务器:Tomcat+image(Tomcat) 二、项目简介 我们这个项目有两大系统,四大接口,八大模块组成,根据登录的用户不同展示不同的功能菜单,它又是一个涉及到前台用户页面后台系统的整合项目,整个项目中用到的框架有:后台是ssm框架,前台主要是用easyUI,ajax,jquery等技术,数据库使用的是mysql+Mongodb,mysql主要用来存储用户的数据后台系统的数据,Mongodb主要用来存储Aop的日志记录,Easyui+ajax+jquey主要实现用户在前台查看旅游信息,实现对订单的订购,查看退单,以及对热点旅游资讯的查看页面的美化效果,后台主要是对旅游线路,景点,旅游主题导游信息的业务操作,以及对用户订单新闻资讯的处理,从而实现从前台页面到后台的交互。 一、首先介绍我们的登录注册页面。 登录页面:我们用到easyui的美化,并采取验证码登录,防止别人登录,为了后台风格保持一致,我们采用了简单、大方、清新的登录页面。 注册页面:这个页面采取HTML5+webservice接口调用,注册页面主要展示给用户,所以我们的页面更炫、更酷、体验度更好等,最后调用了一个webservice的接口,用户注册时填手机验证码,让用户的信息更安全。 二、其次是我们项目分为两大系统,首先管理员登录。 1.管理员拥有所有的权限,他负责给用户分配角色权限,管理员这块有一个亮点,它可以根据用户登录的次数给用户打不同的折扣,次数越多,折扣越低,其次,将一个月内没有登录的自动拉黑. 2.旅游景点管理:这个模块主要分为三部分,景点管理,线路管理美景展示,景点管理主要关联了推送展示景点门票.旅游线路管理这块关联的比较繁琐,因为每个景点都有线路,所以他旅游景点管理,旅游项目管理,导游管理,订单管理,门票管理都有间接的关联关系.最后就是美景展示,采用了html5的视屏播放标签,对整个旅游项目的一个介绍. 3.旅游项目管理:这个模块主要分为五大旅游项目,亲子游,闺蜜游,蜜月游,自由行,从展示的列表中可以看到五大项目对于开发人员大同小异,它主要涉及一般的增删改查,富文本编辑器.它关联了旅游线路管理订单管理,其中它可以批量新增线路,还可以双击查看属于这个旅游项目中的路线,让用户更直观的了解旅游项目工程. 4.导游管理:这个模块分为四个部分,导游基本信息,带团申请表,导游风采展示,导游展示表.导游的基本信息主要介绍了导游的信息评分级别,带团申请表主要有导游申请带团旅游的申请信息,导游风采展示主要有导游的照片,双击照片可以查看导游的基本信息.它是一个独立的模块. 5.订单管理:这个模块是我们项目的重中之重,可以这么说,整个项目基本上都是围绕它来进行,下面我们就来好好介绍,它分为四个部分:票务订单管理,景点订单管理,主题订单管理线路订单管理.票务订单主要关联了扇形统计图(echarts)客户订单的处理,比如:这边数据修改后echarts会改变扇形统计图.客户下单后,后台需要确认订单后,客户才能看到自己的订单信息.景点订单管理:它又上面我们介绍的旅游景点关联,客户下单后,后台需要确认订单后,客户才能看到自己的订单信息,主题订单管理线路订单管理大同小异,都是在上面的基础上完成订单.最后订单这块还有一个退票的展示,用户退票之后,管理员需要确认退票,才能退票,使得这个景点的票数增加一张,确认订单则减少一张.这个模块难就难在业务繁杂,关联关系台太复杂.这是我们项目的难点之一! 6.门票管理:这个模块主要负责订单完成后这边的票数会有相应的变化,看似简单其实它关联的关系比较多的,上面的模块也提到了相应的业务. 7.新闻资讯管理:这个模块以接口为主,就是掉了一个新闻相关的接口,也就是我们的四大接口之一. 8.统计报表管理:这个模块也是我们的亮点模块,它主要用到的技术echarts,它里面有一个柱形的统计图扇形的统计图,柱状统计图主要景点总人数-剩余票数统计出的旅游人数,扇形统计图主要从票务的订单拿出从今天数前七天的票务的销售情况.这个模块也是我们的技术难点之一. 9.其他的小模块介绍:网盘服务,鲜花,日志管理,网盘服务,就是创建一个文件夹,里面可以批量上传一些图片.鲜花服务:我们通过HTTPClieat调用我们一组的鲜花接口.这也是项目的技术难点之一.日志管理科:这块我们用mongodb非关系型数据库Aop切面来进行我们项目的日志记录,它也是我们项目的技术难点之一。 三、其次介绍我们的用户系统,这个系统主要分为六个模块. 1.旅游景点管理:它就是展示了一些景点,路线,美景,联系客服.景点线路都是可以给用户提供下单(最后涉及了一个qq邮箱接口,发送邮件),而美景就是一个视频展示,介绍我们的旅游,联系客服这块调用webservice接口进行在线聊天。 2.旅游项目管理:这个模块管理员的模块有异曲同工之处,这块主要是给用户看的,所以展示的内容是项目中所有的线路,用户可以根据自己所需的线路来下单。 3.新闻资讯:这块也是管理员登录界面是一样的,在这不在详细介绍了。 4.订单管理:这个模块在管理员页面介绍的很详细了,不同的就是,用户不管是下单还是退票,必须是要通过后台同意的,用户是不能立马看到下单退票的状态,后台同意后才能让看到。 5.导游管理:在这展是为了用户能够更直接的看到自己跟团导游的信息。 6.位置服务:这个模块用到webservice调用了百度地图,它可以让用户更准确的定位到自己的位置。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值