《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应用技术》学习规划日程表_第1张图片

第一次作业安装配置好eclipse,并成功运行第一个jsp页面。(截止时间:周日3.5)

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

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

 《web应用技术》学习规划日程表_第2张图片

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

<%@ page contentType="text/html;charset=utf-8" %>

这是一个简单的JSP页面


  <% int i, sum=0;
     for(i=1;i<=100;i++){
       sum=sum+i;
     }
  %>
 1到100的连续和是:
 <%=sum %> 

 

第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应用技术》学习规划日程表_第3张图片

output.jsp

 《web应用技术》学习规划日程表_第4张图片

第三次作业

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

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

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

《web应用技术》学习规划日程表_第5张图片

 《web应用技术》学习规划日程表_第6张图片

  

第5周

servlet

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

练习:

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

         教材p112页6-2

           或者

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

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

注意:

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

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

 《web应用技术》学习规划日程表_第8张图片

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

最后的访问路径如下:

《web应用技术》学习规划日程表_第9张图片

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

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

《web应用技术》学习规划日程表_第10张图片

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

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

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

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

                    教材p117

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

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

《web应用技术》学习规划日程表_第11张图片

编写过滤器的类(可以复制how2j网站上的代码),修改web.xml

《web应用技术》学习规划日程表_第12张图片

第6周

数据库技术jdbc

任务一:安装mysql,和navicat for mysql或者( mysql-front),并创建数据库和数据库的表

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

mysql系列教材 (一)- 安装mysql-server

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

mysql系列教材 (十三)- MySQL 安装失败,提示Apply Security Settings 的处理办法

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

《web应用技术》学习规划日程表_第13张图片

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

(配置变量以后,cmd命令行要关掉重新打开)

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

《web应用技术》学习规划日程表_第14张图片

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

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

《web应用技术》学习规划日程表_第15张图片

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

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

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

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

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

《web应用技术》学习规划日程表_第16张图片

《web应用技术》学习规划日程表_第17张图片

创建表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应用技术》学习规划日程表_第18张图片《web应用技术》学习规划日程表_第19张图片

 《web应用技术》学习规划日程表_第20张图片

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

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

《web应用技术》学习规划日程表_第21张图片

《web应用技术》学习规划日程表_第22张图片

<%@ 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)+"
");
    }
    rs.close();
    stmt.close();
    conn.close();
%>

(数据库这一章的学习,大家也可以查看网页。这是这里是写的Java类,大家把相关的代码复制,作为java代码片段放到jsp页面中即可。

JDBC系列教材 (一)- Java 使用JDBC之前,先要准备mysql

)

第7周

数据库技术jdbc

任务三:编写jsp页面实现对数据库表的添加删除修改(大家观察一下,这些功能只需要在查询的代码基础上进行修改。所以可以先复制前面的代码,再修改即可。

7-3.jsp

《web应用技术》学习规划日程表_第23张图片

 7-5.jsp

《web应用技术》学习规划日程表_第24张图片

 7-7.jsp(教材delete语句有错误,掉了from)

《web应用技术》学习规划日程表_第25张图片

任务四:自己新建一个表,实现对这个表的增删改查。

CREATE TABLE huiyuan(

  id int(11) AUTO_INCREMENT,

  name varchar(30) ,

  age float ,

  xingbie varchar(30) ,

  PRIMARY KEY (id)

)  DEFAULT CHARSET=utf8;

第8周

MVC

第八周 MVC_wyhwust的博客-CSDN博客

第9周

MVC

MVC系列教材 (三)- 结合Servlet和JSP 实现分页功能

MVC系列教材 (四)- 使用Servlet 验证用户是否登陆

第10周

实例:购物车

购物车系列教材 (一)- 使用Servlet结合JSP开发 购物车 功能

整合后的源代码已上传到课程 QQ群。

 

第11周

实例:购物车

第12周

Spring MVC,程序日志组件

Spring MVC系列教材 (一)- 教程

第周

Spring MVC

第周

MyBatis

Mybatis系列教材 (一)- 基础 - 入门教程

第周

Sping

Spring系列教材 (一)- 教程

第周

SSM框架整合实例

SSM系列教材 (一)- Spring+Sping MVC + Mybatis 三大框架整合详细步骤

第周

web开发新技术新工具

SpringBoot系列教材 (一)- 基础 - Springboot入门-在Eclipse中创建跑得起来的springboot项目,非STS插件方式


https://how2j.cn/p/10026(根据情况自愿购买)

天猫整站Springboot系列教材 (一)- 基础 - Springboot 项目教程-模仿天猫整站 Springboot 版

你可能感兴趣的:(eclipse,tomcat,java)