AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

【SSM】35分钟手搓从数据库到前端页面展示（附完整代码）(一）

2022-05-31 567
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
云数据库 RDS MySQL，集群系列 2核4GB
推荐场景：
搭建个人博客
RDS MySQL Serverless 基础系列，0.5-2RCU 50GB
推荐场景：
学生管理系统数据库设计 搭建个人博客
云数据库 RDS MySQL，高可用系列 2核4GB
简介： 【SSM】35分钟手搓从数据库到前端页面展示（附完整代码）(一）

文章目录

建表

新建项目，引入jar包

src.main.java

entity 实体类

dao 接口

service

controller

resources

spring.xml

web

web.xml

index.jsp

save.jsp

user.jsp

部署Tomcat


建表

快速建一个userinfos表，并插入两条数据

show databases;
drop database if exists mydemo;
create database mydemo;
use mydemo;
create table userinfos(
userid int primary key not null auto_increment,
username varchar(20) not null,
birthday date not null);
show tables;
insert into userinfos(username,birthday) values ('aaa','1996-9-9');
insert into userinfos(username,birthday) values('bbb','1996-9-9');
select * from userinfos;

20191116192507811.png


新建项目，引入jar包

项目结构预览

由于40分钟没能搓完，这会儿已经ssmdemo6了!，想要框架玩的6，基础功必须扎实！！


20191116193232259.png


pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<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/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>com.kgc</groupId>
  <artifactId>ssmdemo2</artifactId>
  <version>1.0-SNAPSHOT</version>
  <packaging>war</packaging>
  <name>ssmdemo2 Maven Webapp</name>
  <!-- FIXME change it to the project's website -->
  <url>http://www.example.com</url>
  <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-version>4.3.7.RELEASE</spring-version>
    <json-version>2.9.8</json-version>
  </properties>
    <!-- 单元测试 -->
  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
    <!-- 2.数据库 -->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.38</version>
    </dependency>
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid</artifactId>
      <version>1.1.10</version>
    </dependency>
    <!-- DAO: MyBatis -->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>3.4.6</version>
    </dependency>
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis-spring</artifactId>
      <version>1.3.2</version>
    </dependency>
    <!-- 3.Servlet web -->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>servlet-api</artifactId>
      <version>2.5</version>
      <!--provided表明该包只在编译和测试的时候用，因为tomcat也有servlet-api包，
      此处为了防止冲突-->
      <scope>provided</scope>
    </dependency>
    <!--jsp标签库-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <!--Json-->
    <!--序列化，将对象转换成json-->
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>${json-version}</version>
    </dependency>
    <!--反序列化-->
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>${json-version}</version>
    </dependency>
    <!--注释语法 使json按按要求返回信息-->
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-annotations</artifactId>
      <version>${json-version}</version>
    </dependency>
    <!-- 4.Spring -->
    <!-- 1)Spring核心 -->
    <!--核心容器，提供基本框架-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-core</artifactId>
      <version>${spring-version}</version>
    </dependency>
    <!--负责实现Spring框架的IOC模块-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-beans</artifactId>
      <version>${spring-version}</version>
    </dependency>
    <!--spring应用上下文-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context</artifactId>
      <version>${spring-version}</version>
    </dependency>
    <!-- 2)Spring DAO层 -->
    <!--分离业务逻辑和数据库交互代码-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>${spring-version}</version>
    </dependency>
    <!--实现事务管理-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-tx</artifactId>
      <version>${spring-version}</version>
    </dependency>
    <!-- 3)Spring web -->
    <!--分离事物逻辑视图控制器-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>${spring-version}</version>
    </dependency>
  </dependencies>
  <build>
    <finalName>ssmdemo2</finalName>
    <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
      <plugins>
        <plugin>
          <artifactId>maven-clean-plugin</artifactId>
          <version>3.1.0</version>
        </plugin>
        <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
        <plugin>
          <artifactId>maven-resources-plugin</artifactId>
          <version>3.0.2</version>
        </plugin>
        <!--解决maven国内慢-->
        <plugin>
          <groupId>org.apache.maven.plugins</groupId>
          <artifactId>maven-compiler-plugin</artifactId>
          <version>3.6.1</version>
          <configuration>
            <source>1.8</source>
            <target>1.8</target>
          </configuration>
        </plugin>
          <artifactId>maven-surefire-plugin</artifactId>
          <version>2.22.1</version>
        </plugin>
        <plugin>
          <artifactId>maven-war-plugin</artifactId>
          <version>3.2.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-install-plugin</artifactId>
          <version>2.5.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-deploy-plugin</artifactId>
          <version>2.8.2</version>
        </plugin>
      </plugins>
    </pluginManagement>
     <!--mapper产生对应的xml文件-->
    <resources>
      <resource>
        <directory>src/main/java</directory>
        <includes>
          <include>**/*.properties</include>
          <include>**/*.xml</include>
        </includes>
        <filtering>false</filtering>
      </resource>
    </resources>
  </build>
</project>




src.main.java

entity 实体类

package com.kgc.ssmdemo2.entity;
import java.io.Serializable;
import java.util.Date;
/**
 * @author：J
 * @date：2019/11/13
 * @aim：
 */
public class Userinfos implements Serializable {
    private int userid;
    private String username;
    private Date birthday;
    public int getUserid() {
        return userid;
    }
    public void setUserid(int userid) {
        this.userid = userid;
    }
    public String getUsername() {
        return username;
    }
    public void setUsername(String username) {
        this.username = username;
    }
    public Date getBirthday() {
        return birthday;
    }
    public void setBirthday(Date birthday) {
        this.birthday = birthday;
    }
}


dao 接口

package com.kgc.ssmdemo5.dao;
import com.kgc.ssmdemo5.entity.User;
import org.apache.ibatis.annotations.*;
import java.util.List;
public interface UserDAO {
    @Insert("insert into userinfos(username,birthday) values (#{username},#{birthday}) ")
    public void insertUser(User user);
    @Delete("delete from userinfos where userid=#{userid}")
    public void delUser(@Param("userid") int userid);
    @Update("update userinfos set username=#{username},birthday=#{birthday} where userid=#{userid}")
    public void modUser(User user);
    @Select("select * from userinfos")
    public List<User> findAll();
    @Select("select * from userinfos where userid=#{userid}")
    public User findById(@Param("userid") int userid);
}


这里用了几个注解的小操作，省去了后面写usermapper.xml和mybatis-config.xml ，距离40分钟搓完的小目标又近了一步，哈哈！


service


package com.kgc.ssmdemo2.service;
import com.kgc.ssmdemo2.dao.UserDAO;
import com.kgc.ssmdemo2.entity.Userinfos;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;
import java.util.List;
/**
 * @author：J
 * @date：2019/11/13
 * @aim：
 */
@Service
@Transactional
public class UserService {
    @Autowired
    private UserDAO userDAO;
    public void saveUser(Userinfos user){
        userDAO.insertUser(user);
    }
    public void deUser(int userid){
        userDAO.delUser(userid);
    }
    public void modUser(Userinfos user){
        userDAO.modUser(user);
    }
    public List<Userinfos> findAll(){
        return userDAO.findAll();
    }
    public Userinfos finByid(int userid){
        return userDAO.finByid(userid);
    }
}


controller

package com.kgc.ssmdemo2.controller;
import com.kgc.ssmdemo2.entity.Userinfos;
import com.kgc.ssmdemo2.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.propertyeditors.CustomDateEditor;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.WebDataBinder;
import org.springframework.web.bind.annotation.InitBinder;
import org.springframework.web.bind.annotation.RequestMapping;
import javax.servlet.http.HttpServletRequest;
import java.text.SimpleDateFormat;
import java.util.Date;
/**
 * @author：J
 * @date：2019/11/13
 * @aim：
 */
@Controller
public class InitCtrlk {
    @Autowired
    private UserService userService;
    /**
     *接受前端页面传送出来的日期类型 并进行转换
     */
    @InitBinder
    public void dateHanlder(WebDataBinder binder){
        SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd");
        sdf.setLenient(true);
        binder.registerCustomEditor(Date.class,new CustomDateEditor(sdf,true));
    }
    @RequestMapping("/init.do")
    public String init(HttpServletRequest request){
        request.setAttribute("infos",userService.findAll());
        return "index.jsp";
    }
    @RequestMapping("/save.do")
    public String save(Userinfos user){
       userService.saveUser(user);
       return "redirect:/init.do";
    }
    @RequestMapping("/del.do")
    public String del(int userid){
        userService.deUser(userid);
        return "redirect:/init.do";
    }
    @RequestMapping("/mod.do")
    public String mod(Userinfos user){
        userService.modUser(user);
        return "redirect:/init.do";
    }
    @RequestMapping("/single.do")
    public String single(int userid,HttpServletRequest request){
        request.setAttribute("user",userService.finByid(userid));
        return "user.jsp";
    }
}


resources

spring.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:tx="http://www.springframework.org/schema/tx"
       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
                          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
                          http://www.springframework.org/schema/tx
                          http://www.springframework.org/schema/tx/spring-tx.xsd">
                          <!--开启自动配置-->
    <context:annotation-config></context:annotation-config>
    <!-- 扫描项目下所有使用注解的类型 -->
    <context:component-scan base-package="com.kgc.ssmdemo2"></context:component-scan>
    <!-- 2.数据库连接池 -->
    <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">
        <!-- 配置连接池属性 -->
        <property name="driverClassName" value="com.mysql.jdbc.Driver"></property>
        <property name="url" value="jdbc:mysql://localhost/mydemo"></property>
        <property name="username" value="root"></property>
        <property name="password" value="root"></property>
        <property name="initialSize" value="3"></property>
        <property name="maxActive"  value="30"></property>
        <property name="maxWait" value="30000"></property>
        <property name="testOnBorrow" value="true"></property>
    </bean>
    <!-- 配置事务管理器 -->
    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <!-- 注入数据库连接池 -->
        <property name="dataSource" ref="dataSource"></property>
    </bean>
    <!-- 配置基于注解的声明式事务 -->
    <tx:annotation-driven transaction-manager="transactionManager"></tx:annotation-driven>
    <!--整合spring和mybatis-->
    <!-- 3.配置SqlSessionFactory对象 -->
    <bean id="sessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <!-- 注入数据库连接池 -->
        <property name="dataSource" ref="dataSource"></property>
        <!-- 配置mybatis全局配置文件:mybatis.cfg.xml -->
        <!--<property name="configLocation" value="classpath:mybatis.cfg.xml"></property>-->
        <!-- 扫描sql配置文件:mapper需要的xml文件 -->
        <!--<property name="mapperLocations" value="classpath*:mapper/*.xml"></property>-->
    </bean>
    <!-- 4.配置扫描Dao接口包，动态实现Dao接口，注入到spring容器中 -->
    <bean id="scannerConfigurer" class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <!-- 给出需要扫描Dao接口包 -->
        <property name="basePackage" value="com.kgc.ssmdemo2.dao"></property>
    </bean>
</beans>
文章标签：
云数据库 RDS MySQL 版
Java
前端开发
应用服务中间件
数据库
关键词：
前端代码
前端页面
数据库代码
数据库页面
ssm代码
相关实践学习
如何在云端创建MySQL数据库
开始实验后，系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心，利用清洁计算为万物互联的新世界提供源源不断的能源动力，目前开服的区域包括中国（华北、华东、华南、香港）、新加坡、美国（美东、美西）、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程，来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品：云服务器ECS 云服务器 ECS（Elastic Compute Service）是一种弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
云祁
目录
相关文章
gkkkkk
|
19天前
|
前端开发 数据安全/隐私保护
.自定义认证前端页面
.自定义认证前端页面
gkkkkk
8 1
.自定义认证前端页面
zzy的aly
|
1月前
|
存储 SQL 关系型数据库
Mysql学习笔记(二)：数据库命令行代码总结
这篇文章是关于MySQL数据库命令行操作的总结，包括登录、退出、查看时间与版本、数据库和数据表的基本操作（如创建、删除、查看）、数据的增删改查等。它还涉及了如何通过SQL语句进行条件查询、模糊查询、范围查询和限制查询，以及如何进行表结构的修改。这些内容对于初学者来说非常实用，是学习MySQL数据库管理的基础。
zzy的aly
132 6
阿里云计算巢-雲尧
|
14天前
|
前端开发 安全 JavaScript
在阿里云快速启动Appsmith搭建前端页面
本文介绍了Appsmith的基本信息，并通过阿里云计算巢完成了Appsmith的快速部署，使用者不需要自己下载代码，不需要自己安装复杂的依赖，不需要了解底层技术，只需要在控制台图形界面点击几下鼠标就可以快速部署并启动Appsmith，非技术同学也能轻松搞定。
阿里云计算巢-雲尧
33 5
刘大猫.
|
1月前
|
前端开发 JavaScript
回顾前端页面发送ajax请求方式
回顾前端页面发送ajax请求方式
刘大猫.
38 18
六卿
|
2月前
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容，支持文本类型文件。在文件读取成功后，可以通过onload事件处理函数获取文件内容，然后展示到页面上。
六卿
92 2
前端JS读取文件内容并展示到页面上
hju6meadphitw
|
1月前
|
SQL 关系型数据库 MySQL
创建SQL数据库的基本步骤与代码指南
在信息时代，数据管理显得尤为重要，其中数据库系统已成为信息技术架构的关键部分。而当我们谈论数据库系统时，SQL（结构化查询语言）无疑是其中最核心的工具之一。本文将详细介绍如何使用SQL创建数据库，包括编写相应的代码和必要的步骤。由于篇幅限制，本文可能无法达到您要求的2000字长度，但会尽量涵盖创建数
hju6meadphitw
53 3
木子0204
|
1月前
|
前端开发 数据安全/隐私保护
angular前端基本页面验证
angular前端基本页面验证
木子0204
29 1
你都不懂
|
1月前
|
前端开发
搭建个人博客--1、前端页面
搭建个人博客--1、前端页面
你都不懂
21 1
dream_ready
|
1月前
|
安全 算法 Java
数据库信息/密码加盐加密 —— Java代码手写+集成两种方式，手把手教学！保证能用！
本文提供了在数据库中对密码等敏感信息进行加盐加密的详细教程，包括手写MD5加密算法和使用Spring Security的BCryptPasswordEncoder进行加密，并强调了使用BCryptPasswordEncoder时需要注意的Spring Security配置问题。
dream_ready
145 0
数据库信息/密码加盐加密 —— Java代码手写+集成两种方式，手把手教学！保证能用！
想飞的雪糕
|
1月前
|
NoSQL 前端开发 MongoDB
前端的全栈之路Meteor篇（三）：运行在浏览器端的NoSQL数据库副本-MiniMongo介绍及其前后端数据实时同步示例
MiniMongo 是 Meteor 框架中的客户端数据库组件，模拟了 MongoDB 的核心功能，允许前端开发者使用类似 MongoDB 的 API 进行数据操作。通过 Meteor 的数据同步机制，MiniMongo 与服务器端的 MongoDB 实现实时数据同步，确保数据一致性，支持发布/订阅模型和响应式数据源，适用于实时聊天、项目管理和协作工具等应用场景。
想飞的雪糕
38 0

热门文章

最新文章

  • 1
    SSM基础框架搭建
  • 2
    记一次关于SSM框架的使用错误
  • 3
    2.2.2 类反射场景与使用 -《SSM深入解析与项目实战》
  • 4
    SSM-Spring-18：Spring中aspectJ的XML版
  • 5
    RHEL7/CentOS7新功能SSM存储管理器 操作实战
  • 6
    配置系列:ssm中simple-sso-servlet.xml的简单配置
  • 7
    《SSM深入解析与项目实战》目录与说明
  • 8
    ssm 常用 pom.xml
  • 9
    基于SSM框架的学生老师考试管理系统
  • 10
    基于SpringCloudalibaba+SSM+Mybatisplus实现在线教育讲师管理后端(三）
  • 1
    实时计算 Flink版产品使用合集之用于实时同步整个数据库时，该如何配置DB2
    73
  • 2
    数据库-----范式判断
    76
  • 3
    前后端、数据库时间格式化方法
    88
  • 4
    数据库中的数据
    48
  • 5
    实时计算 Flink版产品使用合集之当 SQL Server 源数据库中的数据更新后，CDC 吐出的操作（op）是怎样的
    66
  • 6
    数据库设计规约以及MP代码生成器
    64
  • 7
    MySql数据库级别MD5加密java MD5加密解密工具包
    59
  • 8
    从 Volcano 火山模型到 Pipeline 执行模型，阿里云数据库 SelectDB 内核 Apache Doris 执行模型的迭代
    62848
  • 9
    uniapp中sqlite数据库常用操作的简单封装
    690
  • 10
    理解数据库中的模式
    100

    • 相关课程

    更多
  • 数据库的前世今生
  • 数据库核心概念
  • 从传统数据库到云数据库演进
  • 数据库常见问题排查
  • 数据库及SQL/MySQL基础
  • 高校精品课-西安交通大学 -数据库理论与技术

    • 相关电子书

    更多
  • DTCC 2022大会集锦《云原生一站式数据库技术与实践》
  • 阿里云瑶池数据库精要2022版
  • 2022 DTCC-阿里云一站式数据库上云最佳实践

    • 相关实验场景

    更多
  • 使用DAS实现数据库SQL优化
  • MySQL基础-学生管理系统数据库设计
  • 自建数据库迁移到云数据库
  • PolarDB for AI：在数据库中通过SQL实现AI能力
  • 云原生HTAP数据库，让你的交易和分析一库搞定
  • 快速体验PolarDB开源数据库
    • 下一篇
    无影云桌面