很多零基础的朋友想学动态网页开发,一听到 “JSP 程序设计” 就犯怵,光听名字就觉得高深莫测。其实啊,JSP 没那么难,它就是能在 HTML 里写 Java 代码的技术,用来做动态网页超方便。但新手刚开始最头疼的就是环境搭不起来,好不容易搭好了又不知道内置对象咋用。今天兔子哥就从环境搭建讲到实战案例,手把手带大家入门,保证零基础也能看懂、学得会。
环境搭建:学 JSP 前的 “铺路” 工作,这几步千万别错
学 JSP 前得先把开发环境搭好,就像做饭前得先把锅碗瓢盆准备好一样。需要装三个东西:JDK、Tomcat 服务器、IDE 开发工具(比如 Eclipse 或 IDEA)。
第一步:装 JDK,这是 Java 程序的 “发动机”
JSP 本质上是 Java 技术,所以必须装 JDK。去 Oracle 官网下最新的 JDK 8 或 11 版本(新手选 8 更稳定),安装时记住安装路径,千万别选带中文或空格的文件夹,不然后面准出问题。装完后得配置环境变量,右键 “此电脑→属性→高级系统设置→环境变量”,在系统变量里加 “JAVA_HOME”,值就是 JDK 的安装路径;再在 Path 里加 “% JAVA_HOME%\bin”。配置完打开 cmd,输 “java -version”,能看到版本号就说明装对了。
我之前带的学员小王,第一次装 JDK 图省事放了 “Program Files” 文件夹(有空格),结果后面 Tomcat 启动不了,折腾半天才发现是路径的锅,大家可别犯这错。
第二步:装 Tomcat,JSP 程序的 “运行容器”
Tomcat 是运行 JSP 程序的服务器,去 Apache 官网下 Tomcat 9 或 10 版本。解压到一个简单的路径,比如 “D:\Tomcat”。启动 Tomcat 很简单,双击 “bin” 文件夹里的 “startup.bat”,要是弹出的黑窗口没报错,打开浏览器输 “http://localhost:8080”,能看到 Tomcat 的欢迎页就成。
有朋友启动时黑窗口一闪就没了,多半是 JDK 环境变量没配置对,回去检查 JAVA_HOME 是不是填对了路径。还有别把 Tomcat 文件夹放 C 盘系统目录里,容易权限不够。
第三步:装 IDE,写代码的 “记事本升级款”
新手推荐用 Eclipse for Java EE,专门做 Web 开发的。安装时选 “Eclipse IDE for Enterprise Java and Web Developers”,装完后要配置 Tomcat:打开 Eclipse,点 “Window→Preferences→Server→Runtime Environments”,点 “Add” 选你装的 Tomcat 版本,选对安装路径,搞定后就能在 Eclipse 里直接启动 Tomcat 了。
基础语法:JSP 和 HTML 的 “混血儿”,这些符号要记牢
JSP 文件后缀是 “.jsp”,它能像 HTML 一样写标签,还能插 Java 代码,这就是它的厉害之处。
脚本元素:在 HTML 里插 Java 代码的 “通道”
<% 代码 %>:写 Java 语句,比如定义变量、循环判断。jsp<% int num = 10; %><% for(int i=0; i<3; i++) { %>循环第<%=i+1%>次
<% } %><%= 变量/表达式 %>:输出内容到网页,相当于out.print()。上面例子里的<%=i+1%>就是输出循环次数。<%! 方法/变量 %>:定义全局变量或方法,整个 JSP 页面都能用。
指令标签:告诉服务器怎么 “处理” 这个 JSP
最常用的是
<%@ page %>指令,用来设置页面编码、导入 Java 类:jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><%@ page import="java.util.Date" %>这行编码设置一定要加,不然网页里的中文会显示成乱码,新手常忘这步。
动作标签:简化操作的 “快捷按钮”
比如
能把其他页面包含进来,做网页共用头部尾部超方便:jsp
比 HTML 的
include更灵活,推荐用这个。内置对象:不用声明就能用的 “工具包”,新手先学这几个
JSP 有 9 个内置对象,不用我们自己创建就能直接用,简直是懒人福音。零基础先记住这四个最常用的:
out 对象:往网页 “输出内容” 的工具
out.println("Hello JSP"); 就能在网页上显示 “Hello JSP”,和<%= %>效果类似,但out可以在脚本块里用。request 对象:获取 “用户输入” 的信使
用户通过表单、URL 传的数据,都能用 request 获取。比如表单提交了用户名:
jsp
<% String username = request.getParameter("username"); %>你输入的用户名是:<%=username%>
注意
getParameter()返回的是字符串,要数字得转类型,比如int age = Integer.parseInt(request.getParameter("age"))。response 对象:给用户 “发响应” 的快递员
常用
response.sendRedirect("success.jsp")做页面跳转,比如登录成功后跳转到首页。但跳转后request里的数据会丢,这点要注意。session 对象:记住 “用户状态” 的小本本
比如用户登录后,用 session 存登录状态,在整个网站都能取到:
jsp
<% session.setAttribute("user", username); %><% String loginUser = (String)session.getAttribute("user"); %>session 就像给每个用户发了个 “会员卡”,网站能记住你是谁,做登录功能必须用它。
实战案例:做个简单的 “用户登录” 页面,串起所有知识点
咱们做个登录功能:用户填用户名密码,提交到 JSP 页面验证,成功就跳转到欢迎页,失败提示错误。
第一步:写登录表单(login.jsp)
jsp
<%@ page contentType="text/html; charset=UTF-8" %>第二步:写验证逻辑(check.jsp)
jsp
<%@ page contentType="text/html; charset=UTF-8" %><%String user = request.getParameter("username");String pwd = request.getParameter("password");// 简单验证,实际项目会查数据库if("admin".equals(user) && "123456".equals(pwd)) {session.setAttribute("loginUser", user); // 存登录状态response.sendRedirect("welcome.jsp"); // 登录成功跳转} else {out.println("用户名或密码错了!返回");}%>第三步:写欢迎页(welcome.jsp)
jsp
<%@ page contentType="text/html; charset=UTF-8" %><%String user = (String)session.getAttribute("loginUser");if(user == null) { // 没登录就访问,跳回登录页response.sendRedirect("login.jsp");return;}%>欢迎<%=user%>登录成功!
这个案例虽然简单,但用到了表单提交、request 获取参数、session 存状态、response 跳转,把前面学的都串起来了。运行时在 Eclipse 里新建 “Dynamic Web Project”,把这三个文件放到 “WebContent” 文件夹下,右键项目 “Run As→Run on Server”,选配置好的 Tomcat,就能在浏览器访问 “http://localhost:8080/项目名 /login.jsp” 体验了。
兔子哥觉得,学 JSP 最重要的是多动手写代码,环境搭错了别怕,报错了就看提示信息,大部分问题网上都有答案。刚开始不用追求复杂功能,把基础语法和内置对象练熟,后面学数据库交互、MVC 框架就顺理成章了。其实 JSP 就像 HTML 的 “升级版”,学会了做动态网页超方便,坚持练上两周,你也能写出简单的 Web 程序~
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。
还木有评论哦,快来抢沙发吧~