java web 的前后端简单交互(后端:Spring+SpringMVC+Myabatis = SSM,. 前端: CSS + HTML ) (上)

本文链接：https://blog.youkuaiyun.com/SomeTimeReal/article/details/80104093

本文介绍了使用SSM（Spring+SpringMVC+Mybatis）框架搭建Java Web项目的步骤，从创建项目目录、配置数据库、编写Model、DAO、Spring配置到集成SpringMVC，最后通过Jetty/Tomcat部署并测试接口。作者强调了配置过程中的注意事项，如字符集设置，并提供了代码资源下载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言:

首先说明,我还是一个小菜鸡,最近学习到了java web 以及 java 后端如何和前端(目前只是 css+html)交互,这是是我完成的第一个project(以下代称为项目),现在把如何做的,还有一些简单的注意事项,写在博客中,也算给我做一次记忆的加深,如果哪里有问题,还请大家指出,谢谢各位.

菜鸡的javaweb下部

开始本项目之前,需要准备几个基本工具:

* JAVA-一种编程语言, JDK(我这里使用的是1.9版本)---必须

*Mysql 数据库(使用的5.7.20版本)---必须

*Navicat for Mysql(数据库可视化工具)---非必须

*Idea (java开发工具)----必须

* jetty 或者 tomcat 打开webapp 项目必须

*一个云服务器,我这里用的是阿里云的 ubuntu16.04,以及方便操作云服务器的Xshell5和Xftp 5

*云服务器要安装 1 . jdk 1.8

2 . maven

3 . mysql(并且能从本地Navicat连接到云服务器上的mysql.

4 . jetty or tomcat (web容器),用于带卡webapp

*PostMan--web接口测试工具

暂时就想起来这么多,剩下的下文用到,再说.

正文:

配置各种工具的过程省略,直接开始写代码..

第一步 :

1.打开idea,新建一个project

在弹出来的界面中依次点击,然后next

然后取名,下一步

继续下一步

照着做下来,项目目录应该是这样的

新建如图所示的项目目录

然后我们的项目目录至此就完成了.

第二步 :

使用Navicat for mysql创建数据表

demo1的数据表结构 id 设置为自增长

其中注意:为了防止中文乱码我们需要在创建表的时候在选项卡,把字符类型设置成为utf-8

第三步 :

在idea中的pom.xml中,加上我们所需要的jar包

<?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/maven-v4_0_0.xsd">

    <modelVersion>4.0.0</modelVersion>
    <packaging>war</packaging>

    <name>javaweb</name>
    <groupId>zwp</groupId>
    <artifactId>javaweb</artifactId>
    <version>1.0-SNAPSHOT</version>


    <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.2.6.RELEASE</spring.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.apache.tiles</groupId>
            <artifactId>tiles-extras</artifactId>
            <version>3.0.8</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-core</artifactId>
            <version>${spring.version}</version