注:个人觉得作为一名合格的前端,我们即使不会写后台,也必须要对后端语言有所了解,本文简述的是后端常用的jsp和js语句。
(所有jsp页面都必须放在tomcat/webapps/root文件夹下,或者xampp/htdocs文件夹下,然后启动对应的服务器,输入指定的端口号,才能预览!!!)
一、tomcat的使用和jsp的基础语法
tomcat
目录介绍如下:
bin:二进制执行文件。里面最常用的文件是startup.bat,如果是 Linux 或 Mac 系统启动文件为 startup.sh。
conf:配置目录。里面最核心的文件是server.xml。可以在里面改端口号等。默认端口号是8080,也就是说,此端口号不能被其他应用程序占用。
lib:库文件。tomcat运行时需要的jar包所在的目录
logs:日志
temp:临时产生的文件,即缓存
webapps:web的应用程序。(web应用放置到此目录下浏览器可以直接访问)
work:编译以后的class文件。
1.启动 : 双击 startup.bat 启动 Tomcat
2.关闭 : 如果想关闭服务器,可以直接关闭上面的窗口,或者在里面输入Ctrl+C禁止服务。
新建项目
3.首先在D:\apache-tomcat-8.0.14\webapps\ROOT目录中新建一个jsp文件 (预览成功!)
4.将 Tomcat 和 Eclipse 相关联
Web服务器使用JSP来创建网页的步骤:
1.客户端向服务器发送一个HTTP请求。
2.服务器识别是对JSP网页的请求后将其请求传递给Servlet引擎。
3.Servlet引擎将磁盘中的Jsp文件转化为Servlet类,并将所有的元素转化为Java代码
4.JSP引擎将Servlet类编译成可执行的文件并将最原始的请求发送给Servlet引擎
5.服务器通过调用Servlet引擎来执行Servlet可执行文件,Servlet会产生HTML格式的输出内嵌在HTTP Response中并将其上传给服务器
6.服务器将其以HTML的格式上传到客户端的浏览器中以静态页面的形式展现给用户。
7.jsp自带的方法
public void jspInit(){
// 初始化代码
}
void _jspService(HttpServletRequest request,
HttpServletResponse response)
{
// 服务端处理代码
}
public void jspDestroy()
{
// 清理代码
}
8.jsp语法
1.<%! declaration; [ declaration; ]+ ... %> 一个声明语句可以声明一个或多个变量、方法,供后面的Java代码使用
2.<%@ page language="java" contentType="text/html; charset=UTF-8" 如果我们要在页面正常显示中文,我们需要在 JSP 文件头部添加以下代码:<>
pageEncoding="UTF-8"%>
9.JSP中的三种指令标签:
指令 描述
<%@ page ... %> 定义网页依赖属性,比如脚本语言、error页面、缓存需求等等
<%@ include ... %> 包含其他文件
<%@ taglib ... %> 引入标签库的定义
---------------------------------------------------------------------------------
二、实际项目中常用的jsp语句:(************)
放在html之前:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>//网页中文字符编码
//定义网页依赖属性,比如脚本语言、error页面、缓存需求等等
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>//引入标签库的定义
------------------------------------------------------------------------------
放在head里面:
<%@ include file="../include/linkandscript.jsp"%>//包含其他文件,通常把所有要引入的js文件放在一个jsp文件里面,然后通过此方式引入到主页面
<%=requestContext%>//路径全部改成绝对路径
-------------------------------------------------------------------------------
放在body里面:
1.循环
<c:forEach var="dIdcardTypelistitem" items="${dIdcardTypelist}"> </c:forEach>
2.取值(从request等jsp内置变量里面取出对应的值)
<c:out value="${dprovincelistitem.name}"/>
3.三目
${temporary eq '0'?'readonly="readonly"':''} >
4.条件
<c:if test="${!empty adpic.picpath }">
<img src="${applashscreen.picpath }" >
</c:if>
三、另外,总结后端常用的js语句:
attr取值data-xxx
val取值
ajax传值,拼页面
ajax传值配合art.dialog插件
判断角色、数量、状态。。。