JSP动态网页制作

JSP动态网页制作

Tag文件:为了给JSP页面返回一个对象

结构保存标记 调用<%@ taglib tagdir profix=>指令(page language import pageEncoding include attribute–页面传递数据给tag文件 <–>variable )

识别单词 显示日历 用户注册表单 音乐选择表单

UML系统设计思想

选择应用

如何在IDEA上创建JavaWeb入门项目结构

想让不同的服务器能正常解析WEB应用,运行WEB项目,首先要根据规范的WEB应用目录结构来创建我们的项目。

img

WebRoot →Web应用所在目录,一般情况下虚拟目录要配置到此文件夹当中。

┝WEB-INF:此文件夹必须位于WebRoot文件夹里面,而且必须以这样的形式去命名,字母都要大写。

  • ┝classes:Java应用中用来放置代码编译后的.class文件。
  • ┝lib:放置应用依赖的第三方Jar包
  • ┝web.xml:配置文件,有格式要求,此文件必须以这样的形式去命名,并且必须放置到WEB-INF文件夹中。

1、File -> New -> Project弹出如下页面,填写完毕后点击Next(下一步)

img

数字1和5处必须。2处显示的当前机器安装的JDK列表,3处指的是JavaEE版本;数字4,如果是第一次且并未给IDEA引入服务器,需要点击右侧的New…按钮,按照提示选择服务器所在的文件夹即可。一般情况下2,3,4默认即可,但要有个原则:SDK、JavaEE版本和服务器版本要匹配,意思就是比如Tomcat9.0.34可能就要求JDK7及以上,这个注意下就行;

2、此处填写项目名称,填写完毕后点击Finish

img

点击Finish后会生成如下项目结构。通过观察新生成的项目结构,我们可以发现相对于上面的WEB应用规范目录结构的WEB-INF下少了classes和lib目录,接下来我们将进行手动创建和关联;

img

3、首先在WEB-INF下创建classes和lib目录,即右键WEB-INF目录,New -> Directory,然后分别输入classes和lib即可;创建目录结束后项目结构如下。需要注意的是本步骤我们只是在WEN-INF下新建了两个文件夹而已,在src下编写的代码编译后并不会被IDEA自动搬运到classes下,放入到lib下的jar也不会被当前WEB应用识别,因此还需要进一步配置;

img

4、接下来的设置说简单点就是要将我们在WEB-INF下创建的classes和lib目录能被IDEA所识别,知道当把.java文件编译后挪到classes下,lib下存放的jar包能被添加到项目类路径中 这个过程;

首先点击项目偏右上角的Project Structure按钮,进入到项目结构设置界面

img

首先设置WEB-INF/classes路径,按照下图所示进行设置即可:

img

接下来设置WEB-INF/lib路径,截图中已标明如何点击,在此不做赘述;

img

img

img

设置完成后,效果如下。另外一定不要忘了依次点击右下角的Apply和OK两个按钮,来完成将设置应用到当前项目和关闭这个窗口;

img

5、接下来我们来简单配置下服务器,按照图中顺序点击1 ->2:

img

会弹出如下界面,我们将在该界面中做一些基本的项目设置;

img

6、按照下图所示,1 -> 2 -> 3顺序依次点击

img

img

上面操作完成后,效果如下。接下来设置Web应用的context,继续在当前tab页中继续向下拖动箭头处的滚动条,直到出现如下图所示的内容。

img

一般默认context为:应用名称+ _war_exploded,长度较长且如果是单纯练习项目,建议修改下,修改后内容如下,不要忘了点击下Apply:

img

7、配置下Server Tab页;在当前页面无需太多特殊配置,但有几个需要注意的地方,已在图中标明,最后点击Apply -> OK:

img

8、到此为止,基于IDEA的入门级Web项目配置已完毕。打开index.jsp文件,在body中添加h1标签,添加完成后内容如下:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>



<html>



  <head>



    <title>$Title$</title>



  </head>



  <body>



    <h1>如果你能看到这个,说明你已成功配置基于IDEA的入门级Web项目!</h1>



  </body>



</html>

img

接下来点击下图箭头处的绿色三角按钮启动服务器,启动成功后谷歌浏览器会自动打开并展示如下页面,即表示配置成功。接下来做正常学习和开发即可:

img

idea打开文件,运行,就可以看到效果。

绪论:背景:技术发展满足需求 内容:模块功能 研究现状:自己做的系统国内外怎么做的 结构

技术:开发工具 mvc jsp (框架)

本文本系统

mvc jsp javabean javaservlet

介绍mvc 模型一个或多个JavaBean 视图一/多jsp-提交+显示 控制器一/多servlet对象

servlet配置xml 添加servlet、servletmapping(servlet名子,访问servlet的url)

响应用户请求,直接继承,在servlet中重写

doget

dopost

重定向与转发 实现页面跳转

使用session记录tomact使用session的相关记录,一个用户的记录

  • 11
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

张学灿@

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值