java前端页面代码 前端执行java代码

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

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

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

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

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

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

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

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

/form12

这是一个表单，我们看到里面都是纯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() %

参考的原文：

这时候如果我们直接访问这儿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（同时传递处理好的数据过去） 来显示结果

这段java前端代码看不懂了 求解答 谢谢

您好，application是作用域，常用三个方法getAttribute setAttribute removeAttribute

setAttribute 向作用域中存放值 key ：String , value ：Object

getAttribute 向作用域中取值

你这段代码的意思 是

从作用域中获取 key = "c"的值

如果为空 放进去一个值，以便下次访问不为空

如果不为空，获取当前值并加1。

怎么用java来编写网页

怎么用java来编写网页,目前比较流行的是SSH（struts2+spring+hibernate）框架。其实只要有servlet和JSP基础就可以实现，框架只是高效的开发和管理。

推荐使用SSH框架进行开发。

使用struts2来实现页面跳转，他的标签也可以写JSP界面。

使用hibernate来进行数据库操作的封装，进行自动管理。

使用spring可以整合以上两个，使控制权转移给spring，这个就是控制反转。

具体页面怎么写，这个多看下工具书不难。前台页面可以使用HTML来写，解析速度快，并且页面开发难度低，排版效果好。

附上SSH实例参考文献：

自己是学java的，现在想写前端代码的话用哪个软件比较好？

1、Notepad++

这个软件就不多说了，记事本的增强版，主要应用在Windows平台下，大部分人都应该使用过，非常轻巧灵活，运行速度快，支持多窗口切换，可编辑语言也非常多，自动补全、语法提示和检查等功能都不错，对于前端开发入门来说，可以作为一个不错的选择：

2、VS Code

这个搞Web前端开发的人大部分都应该使用过，微软开发的一个轻量级代码编辑器，开源、免费、跨平台，插件扩展丰富，生态环境良好，支持常见的语法提示、智能补全、代码高亮、Git等功能，运行速度快，占用内存少，开发效率高，在前端网页开发中，经常会使用到这个软件，非常灵活方便。

3、Sublime Text

这也是一个非常不错的代码编辑器，原则是不免费的，但有对应注册码，所以对使用影响不大，基本功能和VS Code差不多，语法提示、自动补全、插件扩展等功能都不错，界面简洁、轻便灵活，运行速度也非常快，唯一不足就是配置上不是很方便，而且也存在一定版本兼容问题，但对于前端网页开发来说，也是一个不错的选择。

4、HBuilder

这是国产的一个免费Web前端开发软件，界面干净、柔绿护眼、轻巧灵活，运行速度快，语法提示、文字处理功能强大，优先支持Markdown功能，除此之外，还自带有云端打包功能，可以将前端开发的网页打包为手机APP，使用起来非常方便。

5、WebStorm

这是前端开发中一个比较专业的软件，相比较其他软件来说，体积比较大，功能也更复杂，常见的代码高亮、智能补全、Git等功能，这个软件都能很好的支持，除此之外，还支持代码调试、重构等功能，在项目管理、团队协作开发中经常会用到，因此，是一个非常不错的前端软件。

目前就分享这5个Web前端网页编程软件吧。对于零基础入门来说，完全够用了。当然，你也可以使用其他编程软件，像Atom，Editplus等，也都可以，选择适合自己的一种就行。

Javaweb项目怎么快速写出前端页面

前端页面用bootstrap的框架可以快速开发啊。类似的还有easyUi等等，关键是还是要用的很熟，用的熟了一些常用的class都非常清楚，一些常用的模块，比如模态框，下拉框，输入框组，导航条，菜单栏，等都可以直接复制过来用，稍微改改就行了。所以还是要非常熟。常用控件和模块化的，信手拈来。

Web前端工程师应该知道的经典代码

今天小编要跟大家分享的文章是关于Web前端工程师应该知道的经典代码。Web工程师作为一名程序员，每天坐在电脑前敲敲打打那些重复重复再重复的语句，习惯性的思维总是被套进去，有些时候很容易把简单的事情想复杂了!不过，我们反其道而行之，新手们只要是把下面的语句牢记，很多情况下都是会事半功倍的!下面就让我们一起来学习一些这些代码都是什么吧，希望能够对你有所帮助。

1.将彻底屏蔽鼠标右键，无右键菜单

也可以用于网页中Table框架中

no

2.取消选取、防止复制

3.不准粘贴

4.防止复制

5.IE地址栏前换成自己的图标

说明：关于favicon.ico文件的制作。你可以先在FW中做一个图片，属于你自己站点一个小图标。然后在ACD

see将文件属性改为*.ico，然后将你做的*.ICO文件传到你的服务器目录中，然后就可以使用以上代码来实现，当别人登陆你的站点时，地址栏里使用的就是你自定义的图标了。

6.可以在收藏夹中显示出你的图标

说明：制作方法和上面的一样。只是显示的方式不同，这个是在别人收藏你的网页地址时显示的个性图标。

7.关闭输入法

说明：这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。

8.永远都会带着框架

说明：frames.htm为你的网页，这也是保护页面的一种方法

9.防止被人frame

10.网页将不能被另存为

说明：的用法很广，其中一条就是可以使JS广告失效。

11.查源文件

onclick=window.location='view-source:'+target=_blank#/test.htm';

12.COOKIE脚本记录，有很大的用处哦

functionget_cookie(Name){

varsearch=Name+=

varreturnvalue=;

if(documents.cookie.length0){

offset=documents.cookie.indexOf(search)

if(offset!=-1){//ifcookieexists

offset+=search.length

//setindexofbeginningofvalue

end=documents.cookie.indexOf(;,offset);

//setindexofendofcookievalue

if(end==-1)

end=documents.cookie.length;

returnvalue=unescape(documents.cookie.substring(offset,end))

}

}

returnreturnvalue;

}

functionloadpopup(){

if(get_cookie('popped')==''){

openpopup()

documents.cookie=popped=yes

}

}

说明：以上是JS代码，请自己加起始符和结束符

13.内框架使用

Iframe标记的使用格式是:

ame=main

src：文件的路径，既可是HTML文件，也可以是文本、ASP等

width、height：内部框架区域的宽与高;

scrolling：当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条;如为Auto：则自动出现滚动条;如为Yes，则显示;

FrameBorder：区域边框的宽度，为了让“内部框架“与邻近的内容相融合，常设置为0。

name：框架的名字，用来进行识别。

比如：当你想用父框架控制内部框架时，可以使用：target=框架的名字来控制。

例子：

14.自动跳转

在源代码中的加入如下代码：

charset=gb2312

说明：content=3表示3秒刷新到URL

15.如何改变链接的鼠标形状

只需在链接上加上这一代码就行的了

或者跟上面的用CSS写也行

style=cursor:hand

style=cursor:crosshair

style=cursor:text

style=cursor:wait

style=cursor:move

style=cursor:help

style=cursor:e-resize

style=cursor:n-resize

style=cursor:nw-resize

style=cursor:w-resize

style=cursor:s-resize

style=cursor:se-resize

style=cursor:sw-resize

上面介绍的代码你只需要加到连接或是页面的style区里就可以实现鼠标多样化。

以上就是小编今天为大家分享的关于Web前端工程师应该知道的经典代码的文章，希望本篇文章能够对正在正在从事Web前端工作的小伙伴们有所帮助，想要了解更多Web前端知识的小伙伴记得关注北大青鸟Web培训官网哦，最后祝愿小伙伴们工作顺利~

本文转载自java雪豹软件工作室(ID：czh_668899)

*声明：内容与图片均来源于网络(部分内容有修改)，版权归原作者所有，如来源信息有误或侵犯权益，请联系我们删除或授权事宜。

回答于 2022-11-04

详情

该链接由问题回答方推荐

官方电话

在线客服

官方服务

官方网站

领学习资料

计算机培训

设计培训

编程培训

抢首赞

已踩

查看全部1个回答

立即下载

— 为你推荐更多精彩内容 —

正在加载

加载失败 点击重新加载

微信

微博

QQ

QQ空间

答案纠错

举报

取消

赞赏答主

5

10

50

100

200

已赞赏0财富值

合计：0 财富值

登录后赞赏

选择举报类型

侵犯版权

色情低俗

涉嫌违法犯罪

时政信息不实

垃圾广告

低质灌水

工作人员会在48小时内处理,处理结果请关注系统通知,感谢您对百度知道的支持。

确定

void function(a,b,c,d,e,f){function g(b){a.attachEvent?a.attachEvent("onload",b,!1):a.addEventListener&&a.addEventListener("load",b)}function h(a,c,d){d=d||15;var e=new Date;e.setTime((new Date).getTime()+1e3*d),b.cookie=a+"="+escape(c)+";path=/;expires="+e.toGMTString()}function i(a){var c=b.cookie.match(new RegExp("(^| )"+a+"=([^;]*)(;|$)"));return null!=c?unescape(c[2]):null}function j(){var a=i("PMS_JT");if(a){h("PMS_JT","",-1);try{a=a.match(/{["']s["']:(\d+),["']r["']:["']([\s\S]+)["']}/),a=a&&a[1]&&a[2]?{s:parseInt(a[1]),r:a[2]}:{}}catch(c){a={}}a.r&&b.referrer.replace(/#.*/,"")!=a.r||alog("speed.set","wt",a.s)}}if(a.alogObjectConfig){var k=a.alogObjectConfig.sample,l=a.alogObjectConfig.rand;d="https:"===a.location.protocol?""+d:""+d,k&&l&&l>k||(g(function(){alog("speed.set","lt",+new Date),e=b.createElement(c),e.async=!0,e.src=d+"?v="+~(new Date/864e5)+~(new Date/864e5),f=b.getElementsByTagName(c)[0],f.parentNode.insertBefore(e,f)}),j())}}(window,document,"script","/hunter/alog/dp.mobile.min.js");

window.tt = 1679596023;

java前端页面代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于前端执行java代码、java前端页面代码的信息别忘了在本站进行查找喔。