《web应用技术》学习规划日程表-Toy模板网

这篇具有很好参考价值的文章主要介绍了《web应用技术》学习规划日程表。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

关于本课程学习的内容，主要包括Servlet，JSP，SpringMVC，Spring，MyBatis，SSM。

《web应用技术》学习规划日程表

第2周

配置环境

1、作为用户，访问仿天猫网站。可以自己下单体验一下。后台会看到你的订单信息。模仿天猫官网

2、作为管理员，访问平台的后台管理系统，查看自己的订单，还可以查看分类管理，用户管理等。分类管理

3、配置Tomcat作为web服务器。Tomcat系列教材（一）- 教程

思考：tomcat是干什么的？为什么要装这个服务器？

4、安装代码编写的集成工具Eclipse

天猫整站SSM系列教材（五）- 基础 - 下载并配置运行

HelloWorld系列教材（八）- 各种软件、工具版本兼容说明

HelloWorld系列教材（六）- eclipse常见的使用技巧

HelloWorld系列教材（三）- 下载 eclipse

5、编写第一个JSP程序

JSP系列教材（一）- 教程

教材p100页，5.10

《web应用技术》学习规划日程表

第一次作业：安装配置好eclipse，并成功运行第一个jsp页面。（截止时间：周日3.5）

目前手上有教材的同学，看教材p100页

没有教材的同学，把下面一例子中，“步骤五”是新建JSP file。右键--new-JSP file。省略步骤6.7.8.Servlet系列教材（十三）- 动态Web项目 - 使用Dynamic Web Project的方式开发J2EE应用

《web应用技术》学习规划日程表

hello.jsp页面的源码代码大家可以使用：

<%@ page contentType="text/html;charset=utf-8" %>
<HTML><BODY BGCOLOR=cyan>
<h3>这是一个简单的JSP页面</h3>
<% int i, sum=0;
for(i=1;i<=100;i++){
sum=sum+i;
}
%>
<h5> 1到100的连续和是：
<%=sum %>
</h5>
</BODY></HTML>

第3-4周

jsp

（练习+作业截止时间：2023.3.18）

注意：不要在截止日期前只提交个作业，练习的过程也要体现出来。

本周的任务：了解jsp的语法特点，对page指令，动作指令，java代码片段，以及内置对象，特别是通过request对象获取表单信息的用法，等内容进行了解。

（每天练习完，把当天练习的具体情况发布在csdn中。练习部分文章标题注明：jsp练习1，jsp练习2等。提交作业的标题：第一次作业，第二次作业。这样便于我查看大家的情况。注意：不要在截止日期前只提交个作业。）

练习：暂无教材的同学

JSP系列教材（一）- 教程

JSP 表单处理_w3cschool

有教材的同学，浏览第5章，明白jsp的语法到底有哪些，各指令有什么功用，重点练习5.4 5.6 其他只做了解。

第二次作业：用JSP实现用户获取用户输入的操作。（仿教材例5-5）

input.jsp

《web应用技术》学习规划日程表

output.jsp

《web应用技术》学习规划日程表

第三次作业：

用JSP实现用户登录验证的功能。

1、如果用户输入正确的账号密码，则提示问候语句；如果用户输入错误的账号密码，则提示账号密码有误。

2、任意编写3-4个页面，为每个页面添加权限控制。如果用户已经登录，则在每个页面页首提示：欢迎你，**。如果没有登录跳转到这个页面，则提示：非法访问。

《web应用技术》学习规划日程表

第5周

servlet

学习目标1：会写简单的servlet程序

练习：

一、采用web.xml进行servlet部署

教材p112页6-2

或者

https://how2j.cn/k/servlet/servlet-dynamic-web-project/1306.html

两个地方的案例，对照着看，因为教材有些没有讲清楚的地方，网站的案例会有说明。

注意：

1、新建servlet的时候不要使用包名，否则可能会出现错误。《web应用技术》学习规划日程表

2、运行servelt的时候，会出现404错误。因为aaa这个项目没有index.jsp的默认首页，找不到，所以会报这个错。在这个报错的页面填上正确的地址。

《web应用技术》学习规划日程表

查看web.xml文件中的servlet的访问路径。此处为/hello

最后的访问路径如下：

《web应用技术》学习规划日程表

3、只要web.xml做了修改，都需要重启启动tomcat服务器，才能发挥作用。因为web.xml只在启动的时候由服务器执行。

问题：web.xml中做如下的配置，到底是什么意思？应该如何配置？教材p112页

《web应用技术》学习规划日程表

二、采用注解方式进行servelt部署

教材p111-112页，具体的servlet里面的内容可以使用6-2中的代码。

eclipse中自动新建的servelt中自带注解模式。

学习目标2：过滤器-中文问题处理

教材p117

Filter系列教材（二）- 使用Filter进行中文问题处理

修改教材p112页的6-2案例，不使用编码转换的语句，直接使用过滤器处理。

《web应用技术》学习规划日程表

编写过滤器的类（可以复制how2j网站上的代码），修改web.xml

《web应用技术》学习规划日程表

第6周

数据库技术jdbc

任务一：安装mysql，和navicat for mysql或者（ mysql-front），并创建数据库和数据库的表

1、安装软件，参考教材或者how2j上面的文章

mysql系列教材（一）- 安装mysql-server

mysql的安装如果有异常情况卸载以后，再次安装会需要一些处理。参考：

mysql系列教材（十三）- MySQL 安装失败，提示Apply Security Settings 的处理办法

mysql安装以后，需要配置环境变量。如果不配置环境变量，则出现以下，找不到mysql的命令。

《web应用技术》学习规划日程表

配置环境变量，参见教材p132.

（配置变量以后，cmd命令行要关掉重新打开）

以下提示说明已经能够失败mysql的命令，但是访问被拒绝了。

《web应用技术》学习规划日程表

-u的意思是访问mysql的用户名是root，-p 意思是输入密码。

出现如下页面，则证明mysql已启动。

《web应用技术》学习规划日程表

启动以后就不要关掉了。只有mysql启动状态才能对数据库进行操作。

2、由于mysql数据库只能命令行进行操作，所以一般会安装界面化的操作软件。可以装navicat或者mysql-front。建议直接安装how2j网站的mysql-front。

3、在mysql中创建数据库及表，参考how2j网站的步骤。

4、注意，使用jsp或者java多数据库进行操作，必须启动mysql。否则不能操作。

任务二：编写jsp页面实现对数据库表的查询

《web应用技术》学习规划日程表

创建表tb_user.有两个方法。(教材中的字段是id，username，password这三个字段，由于password是保留关键字，不能用作字段名，所以我们修改为id，username，mypassword这三个字段。与教材的不一样，大家注意。)

1、可用sql语句创建表

CREATE TABLE tb_user(

id int(11) AUTO_INCREMENT,

username varchar(30) ,

mypassword varchar(30) ,

PRIMARY KEY (id)

) DEFAULT CHARSET=utf8;

2、直接在navicat或mysql-front中直接创建。其他操作应该与大家在数据库课程上面的内容差不多。

《web应用技术》学习规划日程表

3、在jsp中写查询数据库db_database24中的表tb_user中的所有数据并在页面中显示出来。

注意连接数据库的数据库的名称，表名，数据库连接的账号密码，要修改成自己的。

《web应用技术》学习规划日程表

<%@ page language="java" import="java.sql.*" pageEncoding="UTF-8"%>
<%
   try {
       Class.forName("com.mysql.jdbc.Driver");
   } catch (ClassNotFoundException e) {
       System.out.println("加载数据库驱动时抛出异常，内容如下：");
       e.printStackTrace();
   }
   Connection conn = DriverManager
           .getConnection(
   "jdbc:mysql://localhost/db_database24?useUnicode=true&characterEncoding=utf8",
                   "root", "123");
   Statement stmt = conn.createStatement();
   ResultSet rs = stmt
           .executeQuery("select * from tb_user");
   while (rs.next()) {
       out.println("用户名：" + rs.getString(2) + "   密码：" + rs.getString(3)+"<br>");
   }
   rs.close();
   stmt.close();
   conn.close();
%>