① 基于sprig boot构建web前端页面采用什么技术实现
spring-boot适合开发web应用的静态资源访问在我们开发Web应用的时候，需要引用大量的js、css、图片等静态资源。默认配置SpringBoot默认提供静态资源目录位置需置于classpath下，目录名需符合如下规则：/static/public/resources/META-INF/resources举例：我们可以在src/main/resources/目录下创建static，在该位置放置一个图片文件。启动程序后，尝试访问页面的时候，要如何实现呢？模板引擎在动态HTML实现上SpringBoot依然可以完美胜任，并且提供了多种模板引擎的默认配置支持，所以在推荐的模板引擎下，我们可以很快的上手开发动态网站。SpringBoot提供了默认配置的模板引擎主要有以下几种：建议使用这些模板引擎，避免使用JSP，若一定要使用JSP将无法实现SpringBoot的多种特性，具体可见后文：支持JSP的配置当你使用上述模板引擎中的任何一个，它们默认的模板配置路径为：src/main/resources/templates。当然也可以修改这个路径，具体如何修改，可在后续各模板引擎的配置属性中查询并修改。ThymeleafThymeleaf是一个XML/XHTML/HTML5模板引擎，可用于Web与非Web环境中的应用开发。它是一个开源的java库，基于ApacheLicense2.0许可，由DanielFernández创建，该作者还是Java加密库Jasypt的作者。Thymeleaf提供了一个用于整合SpringMVC的可选模块，在应用开发中，你可以使用Thymeleaf来完全代替JSP或其他模板引擎，如Velocity、FreeMarker等。Thymeleaf的主要目标在唯没于提供一种可被浏览器正确显示的、格式良好的模板创建方式，因此也可以用作静态建模。你可以使用它创建经过指谈纳验证的XML与HTML模板。相对于编写逻辑或代码，开发者只需将标签属性添加到模板中即可。接下来，这些标签属性就会在DOM（文档对象模型侍纳）上执行预先制定好的逻辑。
② 如何给后端程序设计前端页面
后端服务器一般是指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，passwordString 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 =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=.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（同时传递处理好的数据过去） 来显示结果
③ html网页代码怎么在前端打开
html网页前端打开，你这里的前端有点不明确（浏览器，网页编辑工具），用到的测试工具：浏览器，notepad++，电脑，打开方式步骤如下：
如果想浏览器查看效果，直接双击html文件，默认的浏览器就可以打开查看效果。例如网络的首页效果：
④ 如何通过开发者工具条式网页并找出前端代码所在的文件（比如html文件或者js文件等）
IE开发者工具 是用来看前端页面脚本的 html css js之类的。 而且， java是后台语言，在服务器上运行的，是修改不了的哦。这是java关于安全性的一个特点。 如果你说的那个需要密码的验证是用js来实现，就可以绕过，用java写的话是不可能绕过的。
⑤ 在前端页面找到该页面加载使用的js文件
1.找到你所需的页面，F12打开控制台，可以在source 下面找到加载的文件。 2.如果不行的话,点开network，会有该页面毁衡的加载的一系列的资源文件。找到js文件或者HTML文件散则打开。然后，点开查看 ，文件中的信息。进行确能是否是自己要找到的页面。 3.一般前两中方法就可以找到页面加载的文件。如果，你还没找到，还可以，在页面上找到关键的信息，在自己项目使用全局搜索。然后逐一排查出结果。找到到，可以修改一下信息，进行验证是否找对。比如：修改标签名。冲余棚
⑥ idea如何启动前端静态页面
重启idea后，执行npminstall在执行npmrunserve启则颂动前孙烂郑端静态页面即可。idea全称IntelliJIDEA，是java编程语言开发的集成环境历陆。
⑦ 如何实现web前端页面生成exe可执行文件
1、你已经安装并配置好了 node.js （全局安装）2、你已经用 npm 安装了 electron （全局安装）3、你已经写好了前端网页（html、css、javascript 这些，或者基于这些的前端框架写好的网页）4、以上三点看不懂的，赶紧去网络。。。你如果具备了以上的假设，请继续往下看：1、找到你的前端网页项目文件夹，新建 package.json、main.js、index.html 三个文件（注：其中的 index.html 是你的网页首页）你的项目目录/├── package.json ├── main.js └── index.html 2、在 package.json 中添加如下内容{ "name" : "app-name", "version" : "0.1.0", "main" : "main.js" } 3、在 main.js 中添加下面的内容，这个 main.js 文件就是上面 package.json 中的 "main"键 的值，所以可根据需要修改const {app, BrowserWindow} = require('electron') const path = require('path') const url = require('url') // Keep a global reference of the window object, if you don't, the window will // be closed automatically when the JavaScript object is garbage collected. let win function createWindow () { // Create the browser window. win = new BrowserWindow({width: 800, height: 600}) // and load the index.html of the app. win.loadURL(url.format({ pathname: path.join(__dirname, 'index.html'), protocol: 'file:', slashes: true })) // Open the DevTools. // win.webContents.openDevTools() // Emitted when the window is closed. win.on('closed', () => { // Dereference the window object, usually you would store windows // in an array if your app supports multi windows, this is the time // when you should delete the corresponding element. win = null }) } // This method will be called when Electron has finished // initialization and is ready to create browser windows. // Some APIs can only be used after this event occurs. app.on('ready', createWindow) // Quit when all windows are closed. app.on('window-all-closed', () => { // On macOS it is common for applications and their menu bar // to stay active until the user quits explicitly with Cmd + Q if (process.platform !== 'darwin') { app.quit() } }) app.on('activate', () => { // On macOS it's common to re-create a window in the app when the // dock icon is clicked and there are no other windows open. if (win === null) { createWindow() } }) // In this file you can include the rest of your app's specific main process // code. You can also put them in separate files and require them here. 4、如果你的网页首页的文件名不是 “index.html”，那么请在 main.js 中将其中的 'index.html' 修改为你的网页首页名5、打开 DOS，cd 到你的项目目录（或直接在你的项目目录下空白的地方 shift+鼠标右键，然后点击在此处打开命令窗口，这里看不懂的，唉，网络吧少年）6、在上一步的 DOS 下，输入 npm install electron-packager -g全局安装我们的打包神器npm install electron-packager -g 7、安装好打包神器后，还是在上一步的 DOS 下，输入 electron-packager . app –win –out presenterTool –arch=x64 –version 1.4.14 –overwrite –ignore=node_moles 即可开始打包electron-packager . app –win –out presenterTool –arch=x64 –version 1.4.14 –overwrite –ignore=node_moles 这个命令什么意思？蓝色部分可自行修改：electron-packager . 可执行文件的文件名 –win –out 打包成的文件夹名 –arch=x64位还是32位 –version版本号 –overwrite –ignore=node_moles8、打包成功后，会生成一个新的文件夹，点进去，找到 exe 文件，双击就可以看到网页变成了一个桌面应用啦！以上是最简单的打包方式，至于怎么修改窗口大小、菜单栏怎么加、怎么调用系统API这些，就给你慢慢去研究Electron了。
