【JavaEE+Servlet】练习小项目：服务器版表白墙

已于 2022-09-28 23:13:51 修改
阅读量490 收藏
点赞数 1
分类专栏： servlet http协议详解 Java学习之旅 文章标签： java-ee 前端 html tomcat servlet
于 2022-06-13 17:43:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xqs196301/article/details/125264038
版权
本文档详细介绍了如何使用Servlet API创建一个服务器版的表白墙程序，实现了数据的持久化存储，确保页面关闭后数据不丢失。通过约定前后端交互接口，使用GET和POST请求获取和提交留言，结合jQuery AJAX进行异步通信，并利用MySQL数据库保存数据，确保即使服务器重启，留言记录依然保留。此外，还展示了前端页面的HTML和JavaScript代码，以及数据库连接和操作的方法。
摘要由CSDN通过智能技术生成

结合servlet API,实现一个服务器版本的表白墙程序. 即使页面关闭, 表白墙的内容也不会丢失（实现持久化存储数据）

目录✅

1. 准备工作

  1. 创建 maven 项目.
  2. 创建必要的目录 webapp, WEB-INF, web.xml
    在这里插入图片描述
    web.xml:
<!DOCTYPE web-app PUBLIC
        "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
        "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app>
    <display-name>Archetype Created Web Application</display-name>
</web-app>
  1. 调整 pom.xml
    引入依赖, 配置生成 war 包, 以及 war 包名字
<?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>org.example</groupId>
    <artifactId>message_wall</artifactId>
    <version>1.0-SNAPSHOT</version>

    <properties>
        <maven.compiler.source>8</maven.compiler.source>
        <maven.compiler.target>8</maven.compiler.target>
    </properties>

<!--    servlet驱动包-->
    <dependencies>
        <!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
        </dependency>

<!--        Jackson驱动包-->
        <!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind -->
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.12.6.1</version>
        </dependency>

<!--   引入MySQL驱动包     -->
        <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.47</version>
        </dependency>


    </dependencies>

</project>
  1. 实现表白墙前端页面拷贝到 webapp 目录中.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表白墙</title>
</head>
<body>
    <style>
        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .container{
            width: 100%;
        }
        h3{
            text-align: center;
            padding: 20px 0;
            font-size: 30px;
        }
        p{
            text-align: center;
            color: #666;
            padding: 10px 0;
        }

        .row {
            width: 400px;
            height: 50px;
            margin: 0 auto;

            display:flex;
            justify-content: center;
            align-items: center;
        }

        .row span{
            width: 100px;
            font-size: 20px;
        }
        .row input{
            width: 300px;
            height: 40px;
            line-height: 40px;
            font-size: 20px;
            text-indent: 0.5em ;
            outline: none;

        }
        .row #submit{
            width: 300px;
            height: 40px;
            font-size: 20px;
            line-height: 40ox;
            margin: 0 auto;

            color: white;
            background-color: orange;

            border: none;
            border-radius: 10px;
        }
        .row #submit:active{
            background-color: grey;
        }
    </style>
    <h3>表白墙</h3>
    <p>输入后点击提交，信息会显示在表格中</p>
    <div class="container">
        <div class="row">
            <span>谁：</span>
            <input type="text">
        </div>
        <div class="row">
            <span>对谁：</span>
            <input type="text">
        </div>
        <div class="row">
            <span>说：</span>
            <input type="text">
        </div>
        <div class="row">
            <button id="submit">提交</button>
        </div>
    </div>

    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

    <script>
        //当用户点击submit，就会获取到input中的内容，从而把内存构造成一个div，插入到页面末尾
        let submitBtn=document.querySelector('#submit');
        submitBtn.onclick=function(){
            //1.获取到3个input里面的内容
            let inputs=document.querySelectorAll('input');
            let from=inputs[0].value;
            let to=inputs[1].value;
            let mesg=inputs[2].value;

            if(from==''||to==''||mesg==''){
                //用户还没填写完，暂时先不提交数据
                return;
            }
            //2.生成一个新的div，内容就是input里的内容，把这个新的div加到页面中
            let div=document.createElement('div');
            div.innerHTML=from+'对'+to+'说'+mesg;
            div.className='row';
            let container=document.querySelector('.container');
            container.appendChild(div);

            //3.提交后清空原有数据操作
        
            for(let i=0;i<inputs.length;i++){
                inputs[i].value='';
            }

       
    </script>
</body>
</html>

在这里插入图片描述

2. 约定前后端交互接口

“前后端交互接口” 是进行 Web 开发中的关键环节.
具体来说, 就是允许页面给服务器发送哪些 HTTP 请求, 并且每种请求预期获取什么样的 HTTP 响应.

2.1 获取全部留言功能接口

期望浏览器给服务器发送一个 GET /message 这样的请求, 就能返回当前一共有哪些留言记录. 结果以 json 的格式返回过来
请求:

GET /message

响应: JSON 格式

[
{
from: “xx”,
to: “xx”,
message: “x”
},
{
from: “xxx”,
to: “xxx”,
message: “xx”
},
…
]

2.2 发表新留言功能接口

期望浏览器给服务器发送一个 POST /message 这样的请求, 就能把当前的留言提交给服务器.

请求: body 也为 JSON 格式

POST /message
{
from: “xxx”,
to: “xxx”,
message: “xx”
}

响应: JSON 格式.

{
ok: true
}

3. 服务器端代码整体如下

// import具体省略
class Message {
    public String from;
    public String to;
    public String message;
}
@WebServlet("/message")
public class MessageServlet extends HttpServlet {
    private ObjectMapper objectMapper=new ObjectMapper();
   // private List<Message> messages=new ArrayList<>();

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //处理提交消息的请求
        Message message=objectMapper.readValue(req.getInputStream(),Message.class);
        // 最简单的保存方法就是保存到内存中.
        // messages.add(message);
        // 通过 ContentType 来告知页面, 返回的数据是 json 格式.
        // 有了这样的声明, 此时 jquery ajax 就会自动的帮我们把字符串转成 js 对象.
        // 如果没有, jquery ajax 就只是当成字符串来处理的~~
        save(message);

        resp.setContentType("application/json; charset=utf8");
        resp.getWriter().write("{\"ok\":true}");
    }

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //获取到消息列表
        // 获取到消息列表. 只要把消息列表中的内容整个的都返回给客户端即可
        // 此处需要使用 ObjectMapper 把 Java 对象, 转成 JSON 格式字符串~
        List<Message> messages=load();
        String jsonString=objectMapper.writeValueAsString(messages);
        System.out.println("jsonString"+jsonString);
        resp.setContentType("application/json; charset=utf8");
        resp.getWriter().write(jsonString);

    }

    private void save(Message message){
        //把一条消息保存到数据库中
        Connection connection=null;
        PreparedStatement statement=null;
        try {
            //1.和数据库建立连接
            connection=DBUtil.getConnection();
            //2.构造SQL
            String sql="insert into message values(?,?,?)";
            statement=connection.prepareStatement(sql);
            statement.setString(1,message.from);
            statement.setString(2,message.to);
            statement.setString(3,message.message);
            //3.执行SQL
            statement.executeUpdate();
        } catch (SQLException e) {
            e.printStackTrace();
        }finally {
            DBUtil.close(connection,statement,null);
        }

    }
    private List<Message> load(){
        //获取数据库中所有的信息
        List<Message> messages=new ArrayList<>();
        Connection connection=null;
        PreparedStatement statement=null;
        ResultSet resultSet=null;

        try {
            connection=DBUtil.getConnection();
            String sql="select * from message";
            statement=connection.prepareStatement(sql);
            resultSet=statement.executeQuery();
            while (resultSet.next()){
                Message message=new Message();
                message.from=resultSet.getString("from");
                message.to=resultSet.getString("to");
                message.message=resultSet.getString("message");
                messages.add(message);
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }finally {
            DBUtil.close(connection,statement,resultSet);
        }
        return messages;
    }
}
  • ObjectMapper 的 readValue 方法能直接从一个 InputStream 对象读取数据.，将json格式字符串转成Java对象
  • ObjectMapper 的 writeValueAsString 方法也能把一个对象数组直接转成 JSON 格式的字符串

4. 调整前端页面代码

加上ajax发送http请求给服务器的前端页面代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表白墙</title>
</head>
<body>
    <style>
        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .container{
            width: 100%;
        }
        h3{
            text-align: center;
            padding: 20px 0;
            font-size: 30px;
        }
        p{
            text-align: center;
            color: #666;
            padding: 10px 0;
        }

        .row {
            width: 400px;
            height: 50px;
            margin: 0 auto;

            display:flex;
            justify-content: center;
            align-items: center;
        }

        .row span{
            width: 100px;
            font-size: 20px;
        }
        .row input{
            width: 300px;
            height: 40px;
            line-height: 40px;
            font-size: 20px;
            text-indent: 0.5em ;
            outline: none;

        }
        .row #submit{
            width: 300px;
            height: 40px;
            font-size: 20px;
            line-height: 40ox;
            margin: 0 auto;

            color: white;
            background-color: orange;

            border: none;
            border-radius: 10px;
        }
        .row #submit:active{
            background-color: grey;
        }
    </style>
    <h3>表白墙</h3>
    <p>输入后点击提交，信息会显示在表格中</p>
    <div class="container">
        <div class="row">
            <span>谁：</span>
            <input type="text">
        </div>
        <div class="row">
            <span>对谁：</span>
            <input type="text">
        </div>
        <div class="row">
            <span>说：</span>
            <input type="text">
        </div>
        <div class="row">
            <button id="submit">提交</button>
        </div>
    </div>

    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

    <script>
        //加入ajax的代码，此处要加入的逻辑有两个部分
        //点击提交按钮的时候，ajax要构造数据发送给服务器
        //页面加载时候，从服务器获取消息列表，显示在页面上
        function getMessages(){
            $.ajax({
                type:'get',
                url:'message',
                success:function(body){
                    //当前body已经是一个js对象数组了，ajax会根据相应的content type来进行自动解析
                    //如果服务器返回的content type已经是applocation/json了，ajax就会把body自动转成js的对象
                    //如果客服端没有自己转，也可以通过 json.parse()这个函数来手动转

                    //依次来取数组中的每个元素
                    let container=document.querySelector('.container');
                    for(let message of body){
                        let div=document.createElement('div');
                        div.innerHTML=message.from+'对'+message.to+'说'+message.message;
                        div.className='row';
                        container.appendChild(div);
                    }
                }
            });
        }

        //不要忘记函数调用！
        getMessages();

        //当用户点击submit，就会获取到input中的内容，从而把内存构造成一个div，插入到页面末尾
        let submitBtn=document.querySelector('#submit');
        submitBtn.onclick=function(){
            //1.获取到3个input里面的内容
            let inputs=document.querySelectorAll('input');
            let from=inputs[0].value;
            let to=inputs[1].value;
            let mesg=inputs[2].value;

            if(from==''||to==''||mesg==''){
                //用户还没填写完，暂时先不提交数据
                return;
            }
            //2.生成一个新的div，内容就是input里的内容，把这个新的div加到页面中
            let div=document.createElement('div');
            div.innerHTML=from+'对'+to+'说'+mesg;
            div.className='row';
            let container=document.querySelector('.container');
            container.appendChild(div);

            //3.提交后清空原有数据操作
        
            for(let i=0;i<inputs.length;i++){
                inputs[i].value='';
            }

            //4.把当前获取到的输入框内容，构造成一个post请求，通过ajax发送给服务器
            let body={
                from:from,
                to:to,
                message:mesg
            };

            $.ajax({
                type: "post",
                url: "message",
                contentType: "application/json;charset=utf8",
                // 把body转json格式的字符串
                data: JSON.stringify(body),
                success:function(body){
                    alert("消息提交成功!")
                },
                error:function(body){
                    alert("消息提交失败!")
                }
            });
        }
    </script>
</body>
</html>

此时我们每次提交的数据都会发送给服务器. 每次打开页面的时候页面都会从服务器加载数据. 因此及时
关闭页面, 数据也不会丢失.

6. 数据存入数据库

可以借助数据库完成存储工作，此时即使重启服务器, 留言数据也不会丢失了.

  1. 在 pom.xml 中引入 mysql 的依赖
<dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
    <version>5.1.45</version>
</dependency>
  1. 创建数据库, 创建 messages 表，表结构如下：
    在这里插入图片描述
  2. 创建 DBUtil 类
    DBUtil 类主要实现以下功能:
  • 创建 MysqlDataSource 实例, 设置 URL, username, password 等属性.
    提供 getConnection 方法, 和 MySQL 服务器建立连接.
    提供 close 方法, 用来释放必要的资源.

代码如下：

import com.mysql.jdbc.jdbc2.optional.MysqlDataSource;

import javax.sql.DataSource;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

public class DBUtil {
    private static final String URL = "jdbc:mysql://127.0.0.1:3306/java102?characterEncoding=utf8&useSSL=false";
    private static final String USERNAME = "root";
    private static final String PASSWORD = "1963";

    private volatile static DataSource dataSource = null;

    private static DataSource getDataSource() {
        if (dataSource==null){//懒汉模式实现创建对象实例，同时考虑线程安全操作
            synchronized (DBUtil.class){
                if (dataSource==null){
                    dataSource=new MysqlDataSource();
                    ((MysqlDataSource)dataSource).setUrl(URL);
                    ((MysqlDataSource)dataSource).setUser(USERNAME);
                    ((MysqlDataSource)dataSource).setPassword(PASSWORD);
                }
            }
        }
        return dataSource;
    }

    public static Connection getConnection() throws SQLException {
        return getDataSource().getConnection();
    }

    public static void close(Connection connection, PreparedStatement statement, ResultSet resultSet){
        if (resultSet!=null){
            try {
                resultSet.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
        if (statement!=null){
            try {
                statement.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
        if (connection!=null){
            try {
                connection.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
    }
}
  1. 实现 load 和 save 方法, 改成操作数据库 ：
    save方法：
 private void save(Message message){
        //把一条消息保存到数据库中
        Connection connection=null;
        PreparedStatement statement=null;
        try {
            //1.和数据库建立连接
            connection=DBUtil.getConnection();
            //2.构造SQL
            String sql="insert into message values(?,?,?)";
            statement=connection.prepareStatement(sql);
            statement.setString(1,message.from);
            statement.setString(2,message.to);
            statement.setString(3,message.message);
            //3.执行SQL
            statement.executeUpdate();
        } catch (SQLException e) {
            e.printStackTrace();
        }finally {
            DBUtil.close(connection,statement,null);
        }

    }

load方法：

 private List<Message> load(){
        //获取数据库中所有的信息
        List<Message> messages=new ArrayList<>();
        Connection connection=null;
        PreparedStatement statement=null;
        ResultSet resultSet=null;

        try {
            connection=DBUtil.getConnection();
            String sql="select * from message";
            statement=connection.prepareStatement(sql);
            resultSet=statement.executeQuery();
            while (resultSet.next()){
                Message message=new Message();
                message.from=resultSet.getString("from");
                message.to=resultSet.getString("to");
                message.message=resultSet.getString("message");
                messages.add(message);
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }finally {
            DBUtil.close(connection,statement,resultSet);
        }
        return messages;
    }

doget方法和dopost方法需要注意的点如下：
在这里插入图片描述
重新部署程序, 此时使用数据库之后也可以保证即使服务器重启, 数据也不丢失

7. 整体效果演示 ：

因为之前已经提交过四次操作，此时一打开页面就能显示之前提交的记录：
在这里插入图片描述
提交相应的记录，数据库记录相应增加
在这里插入图片描述
在这里插入图片描述
所有功能均实现成功无异常~

  • over~✨
小轩在不在哟
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Java EE 阶段小项目（小型商城商品展示 + 购物车
qdwd888的博客
05-06 1228
一、项目搭建 二、商品界面展示 2.1 登录界面 2.2 商城主页 2.3 购物车页面 2.4 确认支付环节 2.5 真正的支付环境了 三、后端重点 3.1 数据库设计 3.1.1 用户表 （user） 3.1.2 商品表 （product） 3.1.3 购物车（Shopcart） 3.2 Java Web 后端逻辑难点分析 3.2.1 验证码实现 3.2.2 分页逻辑实现 3.2.3 支付宝沙箱支付环境接入 ..
javaEE小项目
01-06
一个javaEE小项目，对于初学者有参考价值。
java ee小项目_Java EE 阶段小项目展示 （小型商城商品展示 + 购物车 + 下单 + 付款）...
weixin_34169503的博客
02-13 235
手动目录：????一、项目搭建二、商品界面展示2.1 登录界面2.2 商城主页2.3 购物车页面2.4 确认支付环节2.5 真正的支付环境了三、后端重点3.1 数据库设计3.1.1 用户表 (user)3.1.2 商品表 (product)3.1.3 购物车(Shopcart)3.2 Java Web 后端逻辑难点分析3.2.1 验证码实现3.2.2 分页逻辑实现3.2.3 支付宝沙箱支付环境接入四、总...
javaEE的一个小项目
09-26
该系统可以讲唱片公司的唱片在页面中展示，供用户选择，用户可以在线购买自己中意的唱片，用户可以再自己的购物车中，查看自己的订购，消费情况，随时更改自己的唱片预定信心，在订购结束后，用户可以选择结账离开唱片
JavaEE小项目——作业管理系统（jsp+servlet+mysql）
weixin_44004667的博客
03-13 7067
作业管理系统JavaEE小项目——作业管理系统（jsp+servlet+mysql）项目要求：项目前认识：一、Servlet二、JDBC三、jsp数据库构建用例图JDBC层model层Servlet层web界面（jsp）项目过程中发现的问题 JavaEE小项目——作业管理系统（jsp+servlet+mysql） 项目要求： 项目前认识： 一、Servlet Servlet 是一种服务器端的Ja...
Java EE 阶段小项目（小型商城商品展示 + 购物车 + 下单 + 付款）
最新发布
a1901149的博客
05-04 644
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数Java工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
基于javaee+servlet+js+html实现外卖点餐系统.zip
10-16
基于javaee+servlet+js+html实现外卖点餐系统 基于javaee+servlet+js+html实现外卖点餐系统 基于javaee+servlet+js+html实现外卖点餐系统 基于javaee+servlet+js+html实现外卖点餐系统 基于javaee+servlet+js+html...
基于javaee+servlet+js+html实现外卖点餐系统源码+数据库.zip
01-13
基于javaee+servlet+js+html实现外卖点餐系统源码+数据库.zip基于javaee+servlet+js+html实现外卖点餐系统源码+数据库.zip基于javaee+servlet+js+html实现外卖点餐系统源码+数据库.zip基于javaee+servlet+js+html...
JavaEE+JDBC+Servlet+EL表达式的员工信息管理系统.zip
06-28
资源项目的难度比较适中，内容都是经过助教老师审定过的，应该能够满足学习、使用需求，如果有需要的话可以放心下载使用。有任何问题也可以随时私信博主，博主会第一时间给您解答！！！ 本资源中的源码都是经过本地...
JavaEE WEB小项目
12-16
1、 dbke是一个实际使用中的项目，可查看效果及功能，后台需要登录后才能使用（出于安全性考虑这里就不给大家介绍了）。 2、此项目整合了目前主流和最前源的web开发技术： 采用ehcache实现二级缓存（包含查询缓存）； 用sf4j及logback（log4j的升级版）记录日志； proxool（据说是dbcp和c3p0三者中最优秀的）做连接池； 使用jquery的ajax实现仿google人名自动补全；头像上传剪切压缩处理。 3、包含有完整的jar包和源代码，可以直接下载编译部署和运行，这是专门为我们实验室定制开发的。 虽然后台逻辑并不复杂，但已经包含了架构基于s2sh技术型系统的全部基础部分： 如分页， 缓存， 文件上传， 连接池等。 很适合学习使用，希望对初学JavaEE WEB开的人有所帮助。 4、本版本全面更新了jar包，全部使用了当前最新版本的jar包，struct2.1.8 spring3 hibernate3.5，全面使用注解取代xm的l配置。 5、另外增加了一个ant构建脚本，支持使用hudson完成每日构建，持续集成，自动测试，代码规范检查，代码审查等功能（与此相关的jar包由于上传文件大小限制未导入）
Servlet小项目
11-12
自己做的一个 很简单的很实用的增删改查，和、大家分享一下。
servlet小型项目
08-03
servlet小项目 public class BookListener implements ServletContextListener { public void contextDestroyed(ServletContextEvent arg0) { // TODO Auto-generated method stub } public void contextInitialized(ServletContextEvent event) { Map map = new TreeMap(); Book b1 = new Book(1,"core java",100); Book b2 = new Book(2,"c++",132); Book b3 = new Book(3,"php",10); Book b4 = new Book(4,"asp",178); map.put(b1.getId(), b1); map.put(b2.getId(), b2); map.put(b3.getId(), b3); map.put(b4.getId(), b4); ServletContext context = event.getServletContext(); context.setAttribute("bookmap",map); } }
jsp—servlet小项目
07-17
jsp,servlet留言板小项目，oracle数据库。
java-servlet基础练习小项目
08-19
servlet基础小项目，包含数据库，效果视频，导入可直接运行。
Servlet做的一个小项目
weixin_33795743的博客
04-26 62
按学生的出生年龄段查询（输入起止日期，查询出来的结果显示在表格里） 　　首先在myeclipse下把做好的web项目打成exam.jar包，再配置环境变量classpath，在后面加上该exam.jar包的 路径(这一步很重要，否则编译时会报错，很多类找不到)。然后把exam.jar拷贝到tomcat的lib目录下,将数据库驱动文件 sqljdbc.ja...
servlet的一个小项目（一）
Leo_cumt的博客
02-14 696
假期就要过去了，蜗牛也得滚回学校了。 这几天蜗牛沉迷于游戏了，没怎么好好看这个课件，不过刷了两遍之后，大体的代码也能看懂了，贴出来，顺便做做注释。ps：这个课件是韩顺平老师的servlet。首先是数据库：drop database if exists spdb1; create database spdb1; use spdb1; 项目用的是sqlserver，因为太大了蜗牛没有装，就用mysql
JAVA Servlet小项目(实现前端、服务器、数据库的信息交互)
北溟南风起
01-02 1208
工具：1.开发工具 IDEA 2.几个Jar包 链接：https://pan.baidu.com/s/1jvEQ4zVAVzoxZGHweGgWxA 提取码：o9rk 一、定个小目标： servlet：我所理解的，其是一个前端界面和后台服务器交互的中间媒介，不管准确不准确，我暂时只需要知道这么多，这个小项目，其实要做成的效果是比较单纯的： 1.做一个前端界面，...
JavaWeb之Servlet小项目
weixin_65474399的博客
04-28 1726
目录 前言： 项目简介： 1.登陆界面 2.主界面 3.购物车界面 代码详解： com.zking.biz包 IGoodsBiz.java: IUserBiz.java: com.zking.biz.impl包 GoodsBizImpl.java: UserBizImpl.java: com.zking.dao包 IGoodsDao.java: IUserDao.java： com.zking.dao.impl包 GoodsDaoImpl.java: UserDaoImp
JavaEE+SSM+Mysql：校园门户网站设计与实现
这篇论文深入研究了基于JavaEE技术的校园门户网站开发，其中JavaEE是一种用于构建企业级Web应用程序的开放标准框架，包含了Servlet、JSP（JavaServer Pages）和JavaBean等组件，为开发高效、可扩展的Web应用提供了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值