如何给后端程序设计前端页面

后端服务器一般是指servlet容器，用于执行java源程序

常见的网页有html，htm,shtml，asp，aspx，php，jsp等格式

前两个常用于静态网页，后面几个常用于动态网页。

这里前端网页以比较常见的 xx.html 和 xx.jsp 网页作为介绍，其它类似

一、静态页面xx.html如何跟后台纳纳档交互：

先来看一个最简单的登陆界面源代码

user: password: <input type="submit" value="Submit"/>

</form>茄备12

这是一个表单，我们看到里面都是纯html内容，这是一个静态页面，当我们点击submit按钮时候，浏览器会提交表单内的数据到服务器的loginServlet这个相对地址，我们看看浏览器的地址变成啥了：

这不就是我们的后台servlet的地址嘛，然后这个地址指向的是loginServlet这个servlet，然后在web.xml文件中找到这个servlet关联的java类，从而执行了服务洞乱器端的程序（第一次执行，那么会实例化，然后执行里面init()函数，然后执行service（）函数，如果是第二次调用，那么不用实例化了，直接执行service（）函数），我们来看看服务器端的源程序：

package com.atguigu.javaweb

import java.io.IOException

import java.io.PrintWriter

import javax.servlet.Servlet

import javax.servlet.ServletConfig

import javax.servlet.ServletContext

import javax.servlet.ServletException

import javax.servlet.ServletRequest

import javax.servlet.ServletResponse

import javax.servlet.http.HttpServletRequest

public class loginServlet extends MyGeneriServlet {

public void init(javax.servlet.ServletConfig config) throws ServletException{

super.init(config)

}

public void service(ServletRequest request, ServletResponse response)

throws ServletException, IOException {

//获取请求方式是GET,POST方式？

HttpServletRequest httpServletRequest=(HttpServletRequest) request

String method=httpServletRequest.getMethod()

System.out.println(method)

//1.获取请求参数：username，password

String username=request.getParameter(“username”)

String password=request.getParameter(“password”)

//获取请求参数

String initUser=getServletContext().getInitParameter(“user”)

String initpassword=getServletContext().getInitParameter(“password”)

PrintWriter out=response.getWriter()

//3.对比

if(initUser.equals(username)&&initpassword.equals(password)){

out.print("Hello"+username) // 生成html内容

}else{

out.print("Sorry"+username) // 生成html内容

}

}12345678

}

上面没有判断此时对servlet的请求是post还是get方法，不过没关系，request这个传进来的参数以及包含了这些信息，自己判断一下执行相应的 *** 作即可

由于页面路径已经跳转到servlet了，但是servlet不是一个.html文件啊，那岂不是没有内容供浏览器显示了，不是的，我们看到返回的参数response中的对象PrintWriter out用于动态生成html内容的字符串"Hello"，所以这时候相当于servlet这个路径也有了html内容了，浏览器的页面就会显示上述字符串了

二、jsp页面如何跟后端服务器交互：

jsp网页文件就是html内容里面插入java代码，当我们访问.jsp网页文件时候，服务器提前已经知道这个页面内含有java代码，那么服务器这边就得先执行一下这些代码（就跟执行servlet的java源代码一样），同时把执行的结果嵌入在当前这个.jsp页面内，我们看看源代码：

<%@page import=“java.util.Date”%>// 如果这个.jsp页面中用到了一些java函数，就得导入库，这就跟java源文件一样的

<% out.println("Hello World！")// 这里实际上是服务器执行了结果，然后以文本返回给浏览器进行显示 %>

上面红色代码就是java代码，刚刚说过对象PrintWriter out用于动态生成html内容的字符串，所以服务器执行完嵌入在里面的java代码后，就是动态生成了一串html代码，然后一起传给客户端浏览器进行显示

当然这种情况.jsp里面没有按钮，表单这样的控件，现在再来看看有表单这种.jsp如何跟后端交互：

view.jsp

<%@page import=“day03_student.Student”%>// 还是得带入java用到的库文件

学生个人基本信息

<% Student s=(Student)request.getAttribute("students")// %>

编号学号姓名性别年龄

<%=s.getId()%> <%=s.getStuno()%> <%=s.getName()%> <%=s.getGender()%> <%=s.getAge() %>

参考的原文：https://blog.csdn.net/myclass1312/article/details/80571867

这时候如果我们直接访问这儿view.jsp文件，应该是没有数据的，因为对象s无法从request对象获取，必须得先给这个request对象赋值才行，即应该从如下servlet路径跳转来view.jsp文件路径才行

public class viewservlet extends HttpServlet {

private StudentDao dao=new StudentDao()

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

String idstr = request.getParameter("id")

int id = Integer.parseInt(idstr)

//将数据放入request中，传递到页面

Student student=dao.queryById(id)

request.setAttribute("students", student)

request.getRequestDispatcher("view.jsp").forward(request, response) // 这里是从当前页面跳转去哪个页面，同时传递了request, response这两个参数，这时候的request就是有内容的，接下来的view.jsp页面就能获取到内容而且动态生成html内容

}

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

this.doGet(request, response)

}123456789101112131415

}

总结：每个xx.html文件,xx.jsp文件，servlet响应程序…都是需要在客户端浏览器通过URL来访问的。

xx.jsp文件，servlet响应程序因为含有java源代码，需要服务器电脑先执行一下，.jsp文件中的java代码一般会动态生成一些html内容嵌入在当前.jsp文件里面一起给浏览器显示出来；而servlet中的java代码一般是数据处理功能的，可能会通过request.getRequestDispatcher(“view.jsp”).forward(request, response)

这样的方式跳转到其它有html内容的页面的URL（同时传递处理好的数据过去） 来显示结果

第一步当然是注册账号了。

注册流程：

在微信公众平台右上角点击“立即注册”，选兄消择账号注册类型：【小程序】。

按要求填写小程序账号信息，包括邮箱、密码等等，填写完后，系统会发送你一个邮件，登陆相应邮箱激活账号即可

激活后，选择好主体类型，个人就选个人，企业会需要提交一些资料。一切做好后，这就注册完成了。

使用小程序账号密码登入小程序后台。在【设置】里设置小程序的头像、名字、服务类目（这个一定不要乱写）等信息，提交后等待微信审核。

这样，你的小程序账号就注册好了。

第二步，生成小程序

虽然已经有了一个小程序账号，但是还没有一个真正的小程序实体，空有名字，而不知道它到底长什么样子。目前市面有很多第三方小程序开发工具，我们可以用它们来做。这里我以沃然建站平台小程序开发工具为例，给大家示范下如何制作一款自己的小程序

1.选择模板首先，挑选一个你喜欢的模板，开始编辑。

2.直接点击“添加新的商品”，就可以把自己的产品都上架了。如果商品较多，别忘了在【商店设置】里设置好商品分类。

3.风格设计装修，选择喜欢的主题颜色和导航栏，也可以自定义裤汪颜色。

4.添加或删除各种板块。一个小程序商城就是由各种板块组成的：轮播图、快捷按钮、滑动布局、优惠活动等等。

一个属于你自己的文章小程序就制作完成了。再点击左下角的立即发布，授权给你刚刚在微信公众平台注册的小程序账号，就一切搞定！

就是这么简单~是不是没有任何难度？以上就是微信小程序怎么制作教程了。自己招设计好看的美工或者外包给专业团队做ui。

再看看别人怎么说的。1.找专业的设计团队进行设计是非常不错的。

2.不要自己开发了。小程序现在确实比较火，使用简单还不占内存，但是应该如何选择一家专业、合适的公司呢？其实一家公司好不好，是可以从各个方面的评比看出来的。

1、看公司官网的案例

凡是比较专业的开发公司，都会有自己的作品展示案例。在官网上可以查看到其公司做过的部分案例和效果。如果它们做的案例比较多，说明他们公司在这方面开发比较有经验，就可以选择这家公司了。

2、聊天看公司的客服是否热情

沟通的时候，和他们工作人员聊上几句，你就能基本了解这家公司的业务水平了。好的、有诚意合作的开发公司，都会比较耐心给与问题解答，帮你正确抉择，而不是敷衍了事、一切只向钱看。

3、考虑价格因素

“一分价钱一分货，贵自然有贵的道理”，好的开发公司收费一般都比较高，但是为了自己的公司项目或产品的稳定可靠发展及运营，贵也是值得的。

4、售后服务(技术指导)

除了上线后持续跟进外,还能进行免费协助维护胡尘仔,突发情况发生后的紧急维护等。通过分辨以上几点基本可以看出一家公司是否靠谱。

---