SpringMVC学习笔记(2)


阅读数: 次   

文章导航

SpringMVC学习笔记

🍀🍀🍀

视图解析器，RESTRUL增删改查，静态资源，JSON处理…

视图解析

一. 概述

  1. 不论控制器返回一个String、ModelAndView ,View都会转换为ModelAndView对象，由视图解析器解析视图，然后，进行页面的跳转。
  2. Spring MVC 借助视图解析器（ViewResolver）得到最终的视图对象（View），最终的视图可以是 JSP ，也可能是 Excel、JFreeChart等各种表现形式的视图。
  3. 对于最终究竟采取何种视图对象对模型数据进行渲染，处理器并不关心，处理器工作重点聚焦在生产模型数据的工作上，从而实现 MVC 的充分解耦。

二. 视图

  1. 视图的作用是渲染模型数据，将模型里的数据以某种形式呈现给客户。
  2. 为了实现视图模型和具体实现技术的解耦，Spring 在 org.springframework.web.servlet 包中定义了一个高度抽象的 View 接口。
  3. 视图对象由视图解析器负责实例化。由于视图是无状态的，所以他们不会有线程安全的问题

三. 视图解析器

  1. SpringMVC 为逻辑视图名的解析提供了不同的策略，可以在 Spring WEB 上下文中配置一种或多种解析策略，并指定他们之间的先后顺序。每一种映射策略对应一个具体的视图解析器实现类。
  2. 视图解析器的作用比较单一：将逻辑视图解析为一个具体的视图对象。
  3. 所有的视图解析器都必须实现 ViewResolver 接口。
    视图解析
  4. 视图解析器只是为了得到视图对象，视图对象才是真正的转发（将模型数据全部放在请求域中）或者重定向到页面，视图对象才是真正的渲染视图。

四. 常用的视图解析器

1
2
3
4
5
<!-- 配置一个视图解析器，可以拼接页面地址 -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
	<property name="prefix" value="/WEB-INF/view/"></property>
	<property name="suffix" value=".jsp"></property>
</bean>

五. 实验代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
@Controller
public class HellowController {
	
	/**
	 * ..:回退一层目录，相对路径
	 * @return
	 */
	@RequestMapping("/hello01")
	public String handle01(){
		System.out.println("handle01...跳转");
		return "../../hello.jsp";
	}
	
	/**
	 * forward:转发到一个页面，不会由我们配置的视图解析器拼串
	 * 加/表示绝对路径
	 * @return
	 */
	@RequestMapping("/hello02")
	public String handle02(){
		System.out.println("handle02...转发绝对路径");
		return "forward:/hello.jsp";
	}
	
	@RequestMapping("/hello03")
	public String handle03(){
		System.out.println("handle03...调用handle02");
		return "forward:/hello02";
	}
	
	/**
	 * redirect:重定向到一个页面
	 * 		/hello.jsp:SpringMVC会自动为路径自动的拼接项目名
	 * 
	 * 		原生的Servlet重定向/路径 需要加上项目名
	 * 		response.sendRedirect("/hello.jsp")
	 * @return
	 */
	@RequestMapping("/hello04")
	public String handle04(){
		System.out.println("handle04...重定向");
		return "redirect:/hello.jsp";
	}

	@RequestMapping("/hello05")
	public String handle05(){
		System.out.println("handle05...调用handle04");
		return "redirect:/hello04";
	}

}

六. 国际化

1). 在页面上能够根据浏 览器语言设置的情况对文本, 时间, 数值进行本地化处理。

2). 可以在 bean 中获取国际化资源文件 Locale 对应的消息。

3). 可以通过超链接切换 Locale, 而不再依赖于浏览器的语言设置情况。

1). jsp文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!-- 使用 JSTL 的 fmt 标签 -->
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

      <title>My JSP 'login.jsp' starting page</title>
  </head>
<h1><fmt:message key="welcomeinfo"/></h1>  
  <body>
    <form action="">
    	<fmt:message key="username"/>:<input /><br/>
    	<fmt:message key="password"/>:<input /><br/>
		<input type="submit" value='<fmt:message key="loginBtn" />'/>    	
    </form>
  </body>
</html>

2). 语言文本

  • i18n_en_US.properties
1
2
3
4
welcomeinfo=Hello Wrold
username=UserName
password=Password
loginBtn=Login
  • i18n_zh_CN.properties
1
2
3
4
welcomeinfo=\u6B22\u8FCE\u5149\u4E34
username=\u7528\u6237\u540D
password=\u5BC6\u7801
loginBtn=\u767B\u5F55

3). 配置文件

1
2
3
4
5
6
7
8
9
10
11
12
13
<!-- 让SpringMVC管理国际化资源文件，配置一个资源文件管理器；id是必须叫message -->
<bean id="messageSource" class="org.springframework.context.support.ResourceBundleMessageSource">
	<!-- 指定国际化文件的基础名 -->
	<property name="basename" value="i18n"></property>
</bean>

<!-- 发送一个请求（toLoginPage）直接来到WEB-INF下的login页面，mvc名称空间
		path：指定那个请求
		view-name：指定映射给哪个视图
 -->
<mvc:view-controller path="/toLoginPage" view-name="login"/>
<!-- 开启mvc注解驱动模式 -->
<mvc:annotation-driven></mvc:annotation-driven>

RESTRUL_CRUD项目

Jar

一 . entity类

  1. 员工数据类型

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    public class Employee {

    	private Integer id;
    	private String lastName;

    	private String email;
    	//1 male, 0 female
    	private Integer gender;
    	
    	private Department department;
        
        //get/set省略
    }

  2. 部门数据类型

    1
    2
    3
    4
    5
    6
    7
    public class Department {

    	private Integer id;
    	private String departmentName;
       
        //get/set省略
    }

二. Dao数据访问层

1. EmployeeDao

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
@Repository
public class EmployeeDao {

	private static Map<Integer, Employee> employees = null;
	
	@Autowired
	private DepartmentDao departmentDao;
	
	static{
		employees = new HashMap<Integer, Employee>();

		employees.put(1001, new Employee(1001, "E-AA", "[email protected]", 1, new Department(101, "D-AA")));
		employees.put(1002, new Employee(1002, "E-BB", "[email protected]", 1, new Department(102, "D-BB")));
		employees.put(1003, new Employee(1003, "E-CC", "[email protected]", 0, new Department(103, "D-CC")));
		employees.put(1004, new Employee(1004, "E-DD", "[email protected]", 0, new Department(104, "D-DD")));
		employees.put(1005, new Employee(1005, "E-EE", "[email protected]", 1, new Department(105, "D-EE")));
	}
	
	private static Integer initId = 1006;
	
	public void save(Employee employee){
		if(employee.getId() == null){
			employee.setId(initId++);
		}
		
		employee.setDepartment(departmentDao.getDepartment(employee.getDepartment().getId()));
		employees.put(employee.getId(), employee);
	}
	
	public Collection<Employee> getAll(){
		return employees.values();
	}
	
	public Employee get(Integer id){
		return employees.get(id);
	}
	
	public void delete(Integer id){
		employees.remove(id);
	}
}

2. DepartmentDao

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
@Repository
public class DepartmentDao {

	private static Map<Integer, Department> departments = null;
	
	static{
		departments = new HashMap<Integer, Department>();
		
		departments.put(101, new Department(101, "D-AA"));
		departments.put(102, new Department(102, "D-BB"));
		departments.put(103, new Department(103, "D-CC"));
		departments.put(104, new Department(104, "D-DD"));
		departments.put(105, new Department(105, "D-EE"));
	}
	
	public Collection<Department> getDepartments(){
		return departments.values();
	}
	
	public Department getDepartment(Integer id){
		return departments.get(id);
	}
	
}

三. xml配置文件

1. 加载静态资源配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns:context="http://www.springframework.org/schema/context"
	xmlns:mvc="http://www.springframework.org/schema/mvc"
	xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd
		http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
		http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd">

	<!-- 扫描所有组件 -->
	<context:component-scan base-package="com.teng"/>

	<!-- 配置一个视图解析器，可以拼接页面地址 -->
	<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<property name="prefix" value="/WEB-INF/view/"></property>
		<property name="suffix" value=".jsp"></property>
	</bean>
	
	<!-- 静态资源交给 Tomcat中默认的servlet(DefaultServlet)处理
			作用：当DefaultServlet所设置的<url-pattern>的值和开发人员所配置的servlet的<url-pattern>相同，以开发人所配置的servlet优先
			解决：因为会优先开发人员配置的servlet(DispatcherServlet),加载不到静态资源
	 -->
	<mvc:default-servlet-handler/>
	<!-- mvc默认驱动 -->
	<mvc:annotation-driven/>	
</beans>

四. web.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>SpringMVCText_04</display-name>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>

  <!-- 编码过滤器(必须写在第一位) -->
  <filter>
  	<filter-name>CharacterEncodingFilter</filter-name>
  	<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
      <param-name>encoding</param-name>
      <param-value>UTF-8</param-value>
    </init-param>  	
  </filter>
  <filter-mapping>
  	<filter-name>CharacterEncodingFilter</filter-name>
  	<url-pattern>/*</url-pattern>
  </filter-mapping>  

  <!-- 引用REST -->
  <filter>
  	<filter-name>HiddenHttpMethodFilter</filter-name>
  	<filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
  </filter>
  <filter-mapping>
  	<filter-name>HiddenHttpMethodFilter</filter-name>
  	<url-pattern>/*</url-pattern>
  </filter-mapping>
  
  <servlet>
    <servlet-name>springDispatcherServlet</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <!-- 设置SpringMVC配置文件的位置以及名称
    	param-name:指定SpringMVC配置文件位置
    	param-value:指定配置文件路径
     -->
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:SpringMVC.xml</param-value>
    </init-param>
    <!-- servlet启动加载，servlet原本是第一次访问创建对象
    	load-on-startup：服务器启动的时候创建对象，值越小越优先创建对象；
     -->
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>springDispatcherServlet</servlet-name>
    <!-- 监听所有请求 
    	/：会拦截所有请求，但不会拦截*.jsp。
	    /*：范围更大，会拦截*.jsp的请求；一旦拦截jsp页面就不能显示了。
     -->
    <url-pattern>/</url-pattern>
  </servlet-mapping>
  <!-- 自动装配ApplicationContext.xml的配置信息 -->
<!--   <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>   -->
</web-app>

五. 控制层

1. 查询所有员工信息

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
@Controller
public class EmployeeController {
	
	@Autowired
	private EmployeeDao employeeDao;
	
	@Autowired
	private DepartmentDao departmentDao;
	
	/**
	 * 获取所有的员工信息
	 * @param map
	 * @return
	 */
	@RequestMapping(value="/emps")
	public String getAll(Map<String,Object> map){
		Collection<Employee> emps = employeeDao.getAll();
		map.put("emps",emps);
		return "list";
	}	
}

2. 添加员工信息

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
@Controller
public class EmployeeController {
	
	@Autowired
	private EmployeeDao employeeDao;
	
	@Autowired
	private DepartmentDao departmentDao;
	
	/**
	 * 跳转到添加页面
	 * @return
	 */
	@RequestMapping(value="/emp",method=RequestMethod.GET)
	public String toAdd(Map<String,Object> map){
		Collection<Department> depts = departmentDao.getDepartments();
		map.put("depts",depts);
		return "add";
	}
	
	/**
	 * 添加员工信息
	 * @param employee
	 * @return
	 */
	@RequestMapping(value="/emp",method=RequestMethod.POST)
	public String addEmp(Employee employee){
		employeeDao.save(employee);
		return "redirect:/emps";
	}
}

3. 修改员工信息

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
@Controller
public class EmployeeController {
	
	@Autowired
	private EmployeeDao employeeDao;
	
	@Autowired
	private DepartmentDao departmentDao;
	
	/**
	 * 跳转修改页面，获取回显数据
	 * @param id
	 * @param map
	 * @return
	 */
	@RequestMapping(value="/emp/{id}",method=RequestMethod.GET)
	public String toUpdate(@PathVariable("id") Integer id,Map<String,Object> map){
		//获取要修改的员工信息
		Employee emp = employeeDao.get(id);
		//所有的部门信息，供用户选择
		Collection<Department> depts = departmentDao.getDepartments();
		map.put("emp", emp);
		map.put("depts",depts);
		return "update";
	}

	/**
	 * 修改员工信息
	 * @param employee
	 * @return
	 */
	@RequestMapping(value="/emp",method=RequestMethod.PUT)
	public String updateEmp(Employee employee){
		employeeDao.save(employee);//修改
		return "redirect:/emps";
	}	
}

4. 删除员工信息

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
@Controller
public class EmployeeController {
	
	@Autowired
	private EmployeeDao employeeDao;
	
	@Autowired
	private DepartmentDao departmentDao;
	
	/**
	 * 删除员工信息
	 * @param id
	 * @return
	 */
	@RequestMapping(value="/emp/{id}",method=RequestMethod.DELETE)
	public String deleteEmp(@PathVariable("id") Integer id){
		employeeDao.delete(id);
		return "redirect:/emps";
	}	
}

六. jsp页面信息

1. 初始界面

1
2
3
4
5
6
7
8
9
10
<html>
  <head>
    <base href="<%=basePath%>">    
    <title>欢迎操作</title>
  </head>
  
  <body>
  	<a href="emps">员工信息</a>
  </body>
</html>

2. 操作页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>展示员工信息</title>

	<script type="text/javascript" src="${pageContext.servletContext.contextPath }/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript">
		$(function (){
			$(".del").click(function(){
				if(confirm("确认删除吗？")){
					//submit()将所获得的form元素提交
					$("form").attr("action",this.href).submit();
					return false;//将超链接的默认行为取消
				}				
				return false;//将超链接的默认行为取消
			});
		});//预加载函数
	</script>
  </head>
  
  <body>
    <table>
    	<tr>
    		<th>ID</th>
    		<th>LASTNAME</th>
    		<th>EMAIL</th>
    		<th>GENDER</th>
    		<th>DEPARTMENTNAME</th>
    		<th>OPTION(<a href="emp">添加</a>)</th>
    	</tr>
    	<c:forEach items="${emps}" var="emp">
    		<tr>
    			<td>${emp.id}</td>
	    		<td>${emp.lastName}</td>
    			<td>${emp.email}</td>
	    		<td>${emp.gender==0?'女':'男'}</td>
    			<td>${emp.department.departmentName}</td>
	    		<td>
	    			<a href="emp/${emp.id}">UPDATE</a>
	    			<a class="del" href="emp/${emp.id}">DELETE</a>	    			
	    		</td>
    		</tr>
    	</c:forEach>
    </table>
    
    <form method="post">
    	<input type="hidden" name="_method" value="DELETE"/>
    </form>
  </body>
</html>

3. 添加页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>添加员工信息</title>
  </head>
  
  <body>
  	<form action="emp" method="post">
	    <table>
	    	<tr>
	    		<th colspan="2">添加员工信息</th>
	    	</tr>
	    	<tr>
	    		<td>LASTNAME</td>
	    		<td><input type="text" name="lastName"/></td>
	    	</tr>
	    	<tr>
	    		<td>EMAIL</td>
	    		<td><input type="text" name="email"/></td>
	    	</tr>
	    	<tr>
	    		<td>GENDER</td>
	    		<td>
	    			<input type="radio" name="gender" value="1"/>男
	    			<input type="radio" name="gender" value="0"/>女
	    		</td>
	    	</tr>
	    	<tr>
	    		<td>DEPARTMENT</td>
	    		<td>
	    			<select name="department.id">
	    				<c:forEach items="${depts}" var="dept">
	    					<option value="${dept.id}">${dept.departmentName}</option>
	    				</c:forEach>
	    			</select>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="2"><input type="submit" value="ADD"/></td>
	    	</tr>    	
	    </table>
    </form>
  </body>
</html>

4. 修改页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>修改员工信息</title>
  </head>
  
  <body>
  	<form action="${pageContext.servletContext.contextPath }/emp" method="post">
  		<input type="hidden" name="id" value="${emp.id }"/>
  		<input type="hidden" name="_method" value="PUT"/>
	    <table>
	    	<tr>
	    		<th colspan="2">修改员工信息</th>
	    	</tr>
	    	<tr>
	    		<td>LASTNAME</td>
	    		<td><input type="text" name="lastName" value="${emp.lastName }"/></td>
	    	</tr>
	    	<tr>
	    		<td>EMAIL</td>
	    		<td><input type="text" name="email" value="${emp.email }"/></td>
	    	</tr>
	    	<tr>
	    		<td>GENDER</td>
	    		<td>
	    			<input type="radio" name="gender" value="1" ${emp.gender==1?'checked':'' }/>男
	    			<input type="radio" name="gender" value="0" ${emp.gender==0?'checked':'' }/>女
	    		</td>
	    	</tr>
	    	<tr>
	    		<td>DEPARTMENT</td>
	    		<td>
	    			<select name="department.id">
	    				<c:forEach items="${depts}" var="dept">
	    					<option value="${dept.id}" ${dept.id==emp.department.id?'selected':'' }>${dept.departmentName}</option>
	    				</c:forEach>
	    			</select>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="2"><input type="submit" value="UPDATE"/></td>
	    	</tr>    	
	    </table>
    </form>
  </body>
</html>

处理JSON

一. Json概括

1). Json有两种格式

​ 1.Json对象：{key:value,key:value…}
​ 2.Json数组：[value1,value2…]

2). Json解析方式

​ Json对象解析：对象.key
​ Json数组解析：for循环遍历

3). Java对象转换Json

​ 1.Bean和map —-转换为—->Json对象
​ 2.List —-转换为—->Json数组

二. Json页面传值

  • 需要使用jackson的jar包
1
2
3
jackson-annotations-2.10.1.jar
jackson-core-2.10.1.jar
jackson-databind-2.10.1.jar

1). SpringMVC配置文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- 扫描所有组件 -->
<context:component-scan base-package="com.teng"/>

<!-- 配置一个视图解析器，可以拼接页面地址 -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
	<property name="prefix" value="/WEB-INF/view/"></property>
	<property name="suffix" value=".jsp"></property>
</bean>

<!-- 默认Servlet处理静态资源 -->
<mvc:default-servlet-handler/>

<!-- 开启mvc注解驱动模式 -->
<mvc:annotation-driven/>

2). 控制类

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
@Controller
public class TestJsonController {

	@Autowired
	private EmployeeDao empDao;
	
	/**
	 * SpringMVC处理Json
	 * 		1.导入jackson的jar包
	 * 		2.在SpringMVC的配置文件中开启MVC驱动
	 * 		3.在处理ajax请求的方法上加上注解@ResponseBody
	 * 		4.将要转换为json且响应到客户端的数据，直接作为该方法的返回值返回
	 * @ResponseBody
	 * 
	 * @return
	 */
	@RequestMapping(value="/testJson")
	@ResponseBody
	public Collection<Employee> testJson(){
		Collection<Employee> emps = empDao.getAll();
		return emps;
	}
}

3). jsp页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<script type="text/javascript" src="${pageContext.servletContext.contextPath }/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
    	$(function (){
    		$("#btn").click(function (){
    			$.ajax({
    				url:"testJson",
    				type:"POST",
    				dataType:"json",
    				success:function (msg){
    					/*alert(msg);*/

    					/* for(var i in msg){
    						var emp = msg[i];
    						alert("id="+emp.id+",lastName="+emp.lastName+",departmentName="+emp.department.departmentName);
    					} */
    					
    					var tb="<table>";
    					$("table").empty();
    					tb+="<tr><th>id</th><th>lastName</th><th>email</th><th>gender</th><th>departmentName</th></tr>";
	    				for(var i in msg){
    						var emp = msg[i];
    						tb+="<tr><td>"+emp.id+"</td><td>"+emp.lastName+"</td><td>"+emp.email+"</td><td>"+(emp.gender==1?'男':'女')+"</td><td>"+emp.department.departmentName+"</td></tr>";
    					}
    					tb+="</table>";
    					$("body").append(tb);
    				}
    			});
    		});
    	});
    </script>
  </head>
  
  <body>
  	<input id="btn" type="button" value="测试ajax"/>
  	<hr>
    <a href="testJson">测试Json</a>
    <hr>
  </body>
</html>
赏

感谢支持!

微信

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

正因为没有翅膀，<br>人们才会寻找飞翔的方法。