IDEA从零搭建SpringMvc+JDBC操作数据库(一)

2 篇文章 0 订阅
1 篇文章 0 订阅

近期学习搭建了SpringMvc框架,并用Maven提供的webapp写了一个小demo,对MySql数据库做一些简单操作,SpringMvc + JDBC + MySql,JDK1.8。
记录一下
1.SpringMvc配置文件各部分的作用,SpringMvc+JDBC如何配置;
2.IDEA如何使用tomcat调试,使用jetty跑Maven项目;
3.前端ajax简单调用测试jQuery静态资源是否成功引入,测试插入一条数据是否连接数据库。

IDEA创建SpringMvc项目
首先使用Maven提供webapp骨架创建项目。

这里填写自己的GroupId和ArtifactId。

然后我们选的是Maven的本地仓库,剩下一路Next,接下来静等平台为我们构建骨架。

配置pom.xml添加依赖

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">

  <modelVersion>4.0.0</modelVersion>
  <groupId>imooc-arthur</groupId>
  <artifactId>spring-mvc-study</artifactId>
  <version>1.0-SNAPSHOT</version>
  <name>spring-mvc-study Maven Webapp</name>
  <url>http://maven.apache.org</url>

  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.12</version>
      <scope>test</scope>
    </dependency>
    <!--日志-->
    <dependency>
      <groupId>org.slf4j</groupId>
      <artifactId>slf4j-log4j12</artifactId>
      <version>1.7.21</version>
    </dependency>
    <!--J2EE-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.2</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <!--mysql驱动包-->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.35</version>
    </dependency>
    <!--springframework-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-web</artifactId>
      <version>4.2.6.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>4.2.6.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context</artifactId>
      <version>4.2.6.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-test</artifactId>
      <version>4.2.6.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>4.2.6.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjweaver</artifactId>
      <version>1.8.9</version>
    </dependency>
    <!--其他需要的包-->
    <dependency>
      <groupId>org.apache.commons</groupId>
      <artifactId>commons-lang3</artifactId>
      <version>3.4</version>
    </dependency>
    <dependency>
      <groupId>commons-fileupload</groupId>
      <artifactId>commons-fileupload</artifactId>
      <version>1.3.1</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.9.3</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-annotations</artifactId>
      <version>2.9.3</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.9.3</version>
    </dependency>
    <dependency>
      <groupId>org.apache.commons</groupId>
      <artifactId>commons-dbcp2</artifactId>
      <version>2.1.1</version>
    </dependency>
    <dependency>
      <groupId>commons-dbutils</groupId>
      <artifactId>commons-dbutils</artifactId>
      <version>1.6</version>
    </dependency>
  </dependencies>
  <build>
    <finalName>spring-mvc-study</finalName>
  </build>
</project>

配置web.xml
在web.xml中加入以下配置,通过contextConfigLocation的param-name改变我们SpringMvc配置文件位置,如果不配置,默认读取路径为/WEB-INF/$ servlet-name$-servlet.xml。
注意:修改web-app到2.4,否则jstl标签库无法使用。

<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

<!-- 引入JDBC数据库配置 -->
<context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>/WEB-INF/classes/applicationContext.xml</param-value><!-- 配置文件路径位置 -->
</context-param>

<display-name>springmvcdemo</display-name>
  <servlet>
    <servlet-name>springmvc</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
      <description>spring mvc 配置文件</description>
      <param-name>contextConfigLocation</param-name>
      <param-value>/WEB-INF/classes/springmvc-servlet.xml</param-value><!-- 配置文件路径位置 -->
    </init-param>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>springmvc</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>
  
</web-app>

配置springmvc-servlet.xml
根据param-value所配置的路径位置,创建并配置我们的springmvc的配置文件。
注意:xml头,xsi是mvc,不是cache。
逐一添加以下配置:

<!--激活@Required @Autowired,JSR 250's @PostConstruct,@PreDestroy and @Resource 等标注-->
	<context:annotation-config />

<!--主要注册最主要的两个HandlerMapping(映射器)、HandlerAdapte(适配器)类,默认注册处理请求,参数和返回值的类-->
	<mvc:annotation-driven />

<!-- 静态资源不走controller -->
	<mvc:default-servlet-handler />
	<mvc:resources mapping="/resources/**" location="/resources/" />
	<mvc:resources mapping="/*.html" location="/" />

<!-- 启动Spring MVC的注解功能,完成请求和注解POJO的映射, 配置一个基于注解的定制的WebBindingInitializer,解决日期转换问题,方法级别的处理器映射 -->
	<bean
		class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
		<property name="cacheSeconds" value="0" />
		<property name="messageConverters">
			<!-- json转换器 -->
			<list>
				<ref bean="mappingJacksonHttpMessageConverter" />
			</list>
		</property>
	</bean>
	<!-- 避免IE执行AJAX,返回JSON出现下载文件 -->
	<bean id="mappingJacksonHttpMessageConverter"
		  class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
		<property name="supportedMediaTypes">
			<list>
				<value>text/html;charset=UTF-8</value>
				<value>text/json;charset=UTF-8</value>
				<value>application/json;charset=UTF-8</value>
				<value>application/x-www-form-urlencoded; charset=UTF-8</value>
			</list>
		</property>
	</bean>
	<bean id="multipartResolver"
		  class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
		<property name="maxUploadSize" value="104857600" />
		<property name="maxInMemorySize" value="4096" />
	</bean>
	
	<!-- jsp视图渲染,放置最下层配置 -->
	<bean id="viewResolver"
		  class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<property name="viewClass"
				  value="org.springframework.web.servlet.view.JstlView" />
		<property name="prefix" value="/jsp/" /><!-- jsp路径位置 -->
		<property name="suffix" value=".jsp" />
	</bean>

配置applicationContext.xml
数据库配置。
注意:JDBC必须加上useUnicode=true&characterEncoding=utf-8,否则插入中文字符可能会产生乱码。web.xml配置filter编码过滤器只能统一springmvc项目中的编码。

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd">
    <bean id="dataSource" class="org.springframework.jdbc.datasource.DriverManagerDataSource">
        <property name="driverClassName" value="com.mysql.jdbc.Driver"/>
        <property name="url" value="jdbc:mysql://localhost:3306/datasouce?useUnicode=true&amp;characterEncoding=utf-8"/>
        <property name="username" value="dbuser"/>
        <property name="password" value="dbpassword"></property>
    </bean>
    <bean id="student" class="com.king.mvcdemo.dao.JDBCOperater">
        <property name="dataSource" ref="dataSource"/>
    </bean>
    <bean id="namedParameterJdbcTemplate" class="org.springframework.jdbc.core.namedparam.NamedParameterJdbcTemplate">
        <constructor-arg name="dataSource" ref="dataSource"></constructor-arg>
    </bean>
</beans>

这样SpringMvc就已经搭建好了。

编写代码测试
接下来创建jsp文件和controller文件,项目目录为下:
在这里插入图片描述
IDEA从零搭建SpringMvc+JDBC操作数据库(二)贴出前端代码与后台代码。

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简单的超市进销存系统的实现参考: 1. 后端实现 1.1 数据库设计 在MySQL中创建一个名为market的数据库,包含以下5个表: 1. 商品表(goods):包含商品的编号(id)、名称(name)、价格(price)、库存(stock)、供应商(supplier)等字段。 2. 供应商表(supplier):包含供应商的编号(id)、名称(name)、联系人(contact)、电话(phone)等字段。 3. 订单表(order):包含订单的编号(id)、日期(date)、总金额(totalPrice)等字段。 4. 订单详情表(order_detail):包含订单详情的编号(id)、订单编号(orderId)、商品编号(goodsId)、商品数量(quantity)、单价(price)等字段。 5. 员工表(employee):包含员工的编号(id)、姓名(name)、密码(password)等字段。 1.2 后端代码实现 在IDEA中创建一个Maven项目,添加Spring、SpringMVC、MyBatis等依赖。创建以下Java类: 1. Goods实体类:对应goods表中的字段。 2. Supplier实体类:对应supplier表中的字段。 3. Order实体类:对应order表中的字段。 4. OrderDetail实体类:对应order_detail表中的字段。 5. Employee实体类:对应employee表中的字段。 6. GoodsMapper接口:定义对商品表进行增删改查的方法。 7. SupplierMapper接口:定义对供应商表进行增删改查的方法。 8. OrderMapper接口:定义对订单表进行增删改查的方法。 9. OrderDetailMapper接口:定义对订单详情表进行增删改查的方法。 10. EmployeeMapper接口:定义对员工表进行增删改查的方法。 11. GoodsServiceImpl类:实现对商品表进行增删改查的方法。 12. SupplierServiceImpl类:实现对供应商表进行增删改查的方法。 13. OrderServiceImpl类:实现对订单表进行增删改查的方法。 14. OrderDetailServiceImpl类:实现对订单详情表进行增删改查的方法。 15. EmployeeServiceImpl类:实现对员工表进行增删改查的方法。 16. GoodsController类:处理对商品表的请求。 17. SupplierController类:处理对供应商表的请求。 18. OrderController类:处理对订单表和订单详情表的请求。 19. EmployeeController类:处理对员工表的请求。 1.3 Spring配置文件 在resources目录下创建以下配置文件: 1. applicationContext.xml:配置Spring框架相关的bean。 2. spring-mvc.xml:配置SpringMVC相关的bean。 3. mybatis-config.xml:配置MyBatis相关的bean。 4. jdbc.properties:配置数据库连接信息。 1.4 启动项目 在IDEA中启动项目,测试后端接口是否正常工作。 2. 前端实现 2.1 环境搭建 安装Node.js和Vue CLI,并创建一个Vue项目。 2.2 前端页面 在Vue项目中创建以下页面: 1. 商品列表页面(goodsList.vue):显示所有商品的信息,包括编号、名称、价格、库存、供应商等字段。 2. 商品添加页面(goodsAdd.vue):添加新商品。 3. 商品修改页面(goodsEdit.vue):修改商品信息。 4. 供应商列表页面(supplierList.vue):显示所有供应商的信息,包括编号、名称、联系人、电话等字段。 5. 供应商添加页面(supplierAdd.vue):添加新供应商。 6. 供应商修改页面(supplierEdit.vue):修改供应商信息。 7. 订单列表页面(orderList.vue):显示所有订单的信息,包括编号、日期、总金额等字段。 8. 订单添加页面(orderAdd.vue):添加新订单。 9. 订单详情页面(orderDetail.vue):显示订单的详细信息,包括商品编号、名称、数量、单价等字段。 10. 员工登录页面(login.vue):员工登录系统。 2.3 前端交互 使用Axios库进行前后端交互,将接口返回的数据显示在页面上,并将用户输入的数据通过接口传递给后端。 3. 扩展技术 使用SpringBoot对项目进行简化配置和打包部署,使用Vue进行页面开发。可以使用Navicat等数据库连接工具对数据库进行管理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值