当前位置：首页 > news >正文

管理一个网站的后台怎么做那有网页设计培训机构

news 2025/11/9 13:07:35

管理一个网站的后台怎么做,那有网页设计培训机构,网站的分页做不好会影响主页,大型网站技术架构 pdf目录一、项目流程1. 使用servle2. 使用框架二、了解java web项目构造1. 项目目录结构2. 查看页面访问顺序3. 发起请求：jqueryajax4. 接受参数5. JSONJSON 数组三、get和post请求区别一、项目流程 1. 使用servle 有客户端和服务端，客户端和服务端进行交…

一、项目流程

1. 使用servle

有客户端和服务端，客户端和服务端进行交互

客户端的诉求传给服务端，服务端实现诉求，实现的效果在返回给客户端
客户端使用jquery+ajax发起请求request，请求内容：
- url：请求路径，明确使用那个servlet
- type：请求方式，有get和post两种请求方式
- data：参数域
请求传到服务端，使用Tomcatweb容器，servlet操作：
- 接受参数
- 逻辑处理
- 操作数据库
- 逻辑处理
- 数据返回response
服务端数据返回response给客户端后，客户端反馈请求是否成功
- success：请求成功回调函数
- error：请求失败回调函数

问题： servle处理高并发，效率不好；可以使用框架。

2. 使用框架

框架分为三层：

表现层Controller，作用：接受url请求，返回响应结果
业务逻辑层Service，作用：对数据进行逻辑处理，例如：爬虫，数据计算等
持久层Dao，作用：负责与数据库进行操作
这三层也会进行数据交互，使用实体层Entity进行交互

二、了解java web项目构造

1. 项目目录结构

WebContent放置前端内容
Java Resources·下的src`放置后端内容
项目运行后，目录上会多一个servers文件夹，这是放置Tomcat的配置文件地方

2. 查看页面访问顺序

WebContent下的WEB-INF下的web.xml配置文件，可以查看页面访问先后顺序，有两种查看方式：

方式一：Design
方式二：Source

首页起名一般使用的是index，index是默认访问页面

3. 发起请求：jquery+ajax

从官网下载jquery-3.7.1.min.js，在 WebContent 下新建一个 js 文件夹，将jquery文件放置文件夹 js 下
在 WebContent 下新建一个 html 文件

ajax基础内容包括：

url：请求路径，对应@WebServlet(“/index”)中的路径
type：请求方式，get和post两种请求方式，分别对应doGet方法和doPost方法
data：参数域，可有可无
success：请求反馈 value：后端给前端反馈响应的信息

error：初学者可加，有助于判断是否有问题

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/jquery.js"></script>
<script>$.ajax({url:"index",type:"get",data:{user:"admin",password:"123456"},success:function(value){console.log("请求成功")},error:function(){console.log("出错啦")}})
</script>
</head>
<body>
hello
</body>
</html>

结果：

扩展： 报Uncaught ReferenceError： $ is not defined ，说明jquery没有引进成功。

4. 接受参数

在 Java Resources 下的 src ，创建包，在包中创建 servlet 的java文件
request：请求
- getParameter()方法：获取参数
equals()方法：相等
response：返回，把响应返回到value处
- getWriter().write("")方法：返回内容
- setContentType()方法：返回格式

setCharacterEncoding()方法：设置编码

/*** Servlet implementation class IndexServlet*/
@WebServlet("/index")//这个名字与下面的名字可以不一致，不能重名
public class IndexServlet extends HttpServlet {private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public IndexServlet() {super();// TODO Auto-generated constructor stub}/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {System.out.println("get请求接受到了");//接受参数String acc = request.getParameter("user");String bcc = request.getParameter("password");String res = "";//判断用户名是否等于adminif(acc.equals("admin")) {System.out.println("登录成功");res = "ok";}else {System.out.println("登录失败");res = "no";}//设置编码response.setCharacterEncoding("UTF-8");//返回response.getWriter().write(res);}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {System.out.println("post请求接受到了");}
}

5. JSON

是javascript对象表示法
是存储和交换文本信息的语法
json对象使用大括号{}书写
对象中可包含多个键值对key/value，key必须是字符串

JSON 数组

数组值为：字符串、数字、对象、数组、布尔值、null，也可以是JavaScript的表达式，包括函数、日期、undefined
语法：{属性1:属性值1, 属性2:属性值2}，例如：{"name":"zhangsna", "site":null }

⭐面对大量数据，使用json格式

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {System.out.println("get请求接受到了");//接受参数String acc = request.getParameter("user");String bcc = request.getParameter("password");String res = "";//判断用户名是否等于adminif(acc.equals("admin")) {System.out.println("登录成功");res = "{\"name\":\"zhangsna\", \"site\":null }";}else {System.out.println("登录失败");res = "no";}//设置后端给前端返回的信息为json格式response.setContentType("text/json;charset=utf-8");//设置编码response.setCharacterEncoding("UTF-8");//返回response.getWriter().write(res);
}

注意：设置response.setContentType("text/json;charset=utf-8");这句话，必须设置json格式，否则报错。

三、get和post请求区别

	get	post
主要用途	用于获取数据(查询操作) 适合请求不会改变服务器状态的资源例如：搜索、分页、查看详情	用于提交数据(修改操作) 适合创建、更新、删除数据例如：登录、注册、文件上传、下单
数据传输方式	数据通过 URL的查询字符串(Query String) 传递，例如：`/user?id=123&name=zhang` 数据可见受URL长度限制	数据通过请求体(Request Body) 会暴露在URL中数据不可见没有严格长度限制，适合大数据
安全性	不安全：数据在URL中明文传输多次请求结果相同(无副作用)	相对安全：数据在请求体中，适合传输敏感信息多次提交肯产生不同结果(如重复下单)
缓存	适合静态资源请求(如图片、CSS)	不适合缓存动态数据
后端接受方式(以Java Serevlet 为例)	`String id = request.getParameter("id"); // 从 URL 提取参数`	`// 需要设置字符编码（防止中文乱码）request.setCharacterEncoding("UTF-8");String username = request.getParameter("username"); // 从请求体提取参数`
使用场景	获取数据：页面加载、搜索等数据量小且不敏感	提交表单，如登录、注册上传文件或大数据，如照片修改服务器状态，如删除资源