当前位置:首页 » 网页前端 » 网页前端格式
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

网页前端格式

发布时间: 2022-04-29 22:20:44

1. web前端,css样式

-webkit-box、-moz-box、-o-box、-ms-box、box这些都是指同一个属性即box,前面带有-号的是分别针对不同的浏览器的,其中
-webkit- 针对Chrome和Safari浏览器
-moz- 针对FireFox浏览器
-o- 针对Opera浏览器
-ms- 针对IE浏览器
也就是说凡是带有这样的前缀的都是这些浏览器的私有属性,只有各自的浏览器内部才有效。之所以这样,是因为有些css属性是带有实验性质的(尤其是css3),各主流浏览器尚未对它完全支持,这样就会使用私有属性来进行试验,而其他浏览器则会自动忽略该属性。因此,网页为了兼容各种不同的浏览器,就会把所有的私有属性都放上去,也包括不带前缀的标准属性。而浏览器的版本众多,很可能低版本的浏览器对某个属性处于试验性质,而高版本则已经完全支持了(也就是说可以不用前缀了),比如box属性就是如此,因此你把其他带有前缀的属性去掉不影响效果。但是,既然是网页,就不会是只有你一个人看的,要是其他用户用的是低版本的浏览器呢?所以,从兼容性角度出发,你最好不要删掉这些属性,除非你能保证其他用户用的浏览器与你的完全一样。

2. 在前端网页设计中,登录动画用什么格式

web前端通常称为软件设计或者美工,普遍工资确实要比网页设计高,因为软件的收费比网页或者网站高多了,一个网站收费过万就算比较高了,而软件随随便便就是好几万的,一二十万、几十万甚至上百万的都也是正常,但是网站的制作周期比较短,小点的网站通常是一两周之内就可以完成,而软件的周期短则几个月、半年,长则一年几年都有可能,像我们公司就是给政府部门做监控及统计软件的,每个项目随随便便都是半年以上的制作周期,收费嘛自然也比较高,有个项目都做了3年了,不过这个项目是个长期项目,不断的提交又不断的增加新功能而已;
话说回来,网页设计和web前端其实差别并不太大,对于设计师来说两者也就是界面模式不同而已,对于熟练的设计师来说,两者之间可以很好的转换,页面/界面布局的方式其实还是一样的,使用的也还算div+css布局;
我本人做这行已经8年了,刚开始做了2年的网页设计,后来转了软件设计一直做到现在,老实说做软件设计确实是工资高了,工作也更轻松了,因为做网页的公司普遍规模都不大,为了能有收益必须大量的接单,这也势必造成工作量很大,但是设计公司又普遍是有项目提成的,所以工资有时候反而比做软件的高,做软件的普遍是拿固定工资的,所以说两者的工资水平并不是绝对的,只能说做软件更轻松一些

3. web前端是什么

Web前端最开始的前端网页主要仅供读者浏览的静态网页,而现在的Web前端是与网站前/后台系统的页面相关。Web前端对于网站来说,指网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现。
Web前端开发是利用各种Web技术进行客户端产品的开发,完成客户端程序的开发。在开发过程中要考虑到多样式兼容性的问题,因为ie、火狐、Chrome等各大浏览器内核不一,使用到新特性的时候需要给样式加上最基础的兼容前缀,所以最好的做法还是尽量避免使用新样式属性来完成预期的效果。Web前端开发结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。
Web前端开发主要是使用HTML、CSS、JavaScript技术,将美工提供的美工图转化为网页。在前端的开发中,在页面的布局时,HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。Web前端开发前,需要将需求确定好,结合概念进行开发,可达到事半功倍的效果,在应用web开发技术时也会得心应手。
Web前端开发的主要职能就是把网站的界面更好的呈现给用户。在目前的物联网时代的发展里,Web APP和HTML5迅速崛起,Web前端的开发也不仅仅是局限性的做做电脑网页设计之类的。

4. 前端页面有哪三层构成,分别是什么作用是什么

最准确的网页设计思路是把网页分成三个层次,即:结构层、样式层、行为层。

HTML:结构层

网页的结构或内容层是该页面的基础HTML代码。正如房屋的框架为房屋的其他部分构建了一个坚实

的基础,HTML的坚实基础创建了一个可以在其上创建网站的平台。

结构层用于存储客户想要阅读或查看的所有内容。HTML结构可以包含文本和图像,它包括访问者用

于浏览网站的超链接。这是在符合标准的HTML5中编码的,可以包括文本,图像和多媒体(视频,音频等)。

网站内容的每个方面都应该在结构层中表示。这允许关闭JavaScript的客户或无法查看整个网站的

CSS访问权限的客户(如果不是所有功能)。

CSS:样式层

该层指示结构化HTML文档如何看待网站的访问者,并由CSS(层叠样式表)定义。这些文件包含有

关如何在Web浏览器中显示文档的样式说明。样式层通常包括基于屏幕大小和设备更改站点显示的

媒体查询。

网站的所有视觉样式都应位于外部样式表中。您可以使用多个样式表,但请记住,每个CSS文件都需

要HTTP请求才能获取它,从而影响站点性能。

JavaScript:行为层

行为层使网站具有交互性,允许页面响应用户操作或基于一组条件进行更改。JavaScript是行为层最

常用的语言,但CGI和PHP也经常被使用。

当开发人员引用行为层时,大多数都是指在Web浏览器中直接激活的层。您可以使用此图层直接与

DOM(文档对象模型)进行交互。在内容层中编写有效的HTML对于行为层中的DOM交互非常重

要。在构建行为层时,应该像使用CSS一样使用外部脚本文件来优化速度和性能。

(4)网页前端格式扩展阅读:

分层的一些好处是:

  • 共享资源:当您编写外部CSS或JavaScript文件时,站点上的任何页面都可以使用该文件。如果

您需要对该文件进行更改,也许更新网站上的某些排版样式,则使用该样式表的每个页面都会得到

更改。没有必要单独编辑网站的每个页面,这对于大型网站来说可能是一项艰苦的任务。

  • 下载速度更快:首次由客户下载脚本或样式表后,Web浏览器会对其进行缓存。由于这些共享

资源现在包含在浏览器的缓存中,因此浏览器中请求的其他页面加载速度更快,从而提高了整体页

面速度和性能。

  • 多人团队:如果您有多个人同时在网站上工作,您可以使用允许文件签入和签出的系统,以确

保每个人都使用最新版本。如果样式和行为与结构文档交织在一起,那就更难了。

  • 搜索引擎优化:一个明确分离风格和结构的网站可能会对搜索引擎有更好的表现,因为它们可以更有效地抓取内容并理解页面而不会陷入视觉风格和行为信息。

  • 辅助功能:外部样式表和脚本文件更易于人们和浏览器访问。屏幕阅读器等软件可以更轻松地

处理结构层中的内容,而无需处理无论如何都无法使用的样式。

  • 向后兼容性:使用单独的开发层设计的站点更可能向后兼容,因为无法使用某些CSS样式或禁

用了JavaScript的浏览器和设备仍然可以查看HTML。然后,您可以使用支持它们的浏览器的功能逐

步增强您的网站。

5. web前端学习HTML的格式标记都有哪些

  1. <br>:换行标记,让后面的信息显示在下一行

  2. <p>:段落标记

  3. <center>:居中标记,让段落或者文字相对于父标记居中显示

  4. <pre>:预格式化标记

  5. <li> :列表项目标记,每一个列表使用一个<li>标记

  6. <ul>:无序列表标记

  7. <ol>:有序列表标记

  8. <hr>:水平分割线标记

  9. <div>:分区显示标记,也称为层标记

  10. <!--->:注释标记,定义注释。

以上就是HTML常用的格式标记。望采纳!

6. WEB前端怎么布局

在谈WEB前端怎么布局前,我们先梳理前端的布局类型,具体有以下几种:
1.静态布局:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景,这种设计常见于pc端。
2.流式布局:布局特点是屏幕分辨率变化时,页面里元素的大小会变化而但布局不变。
3.自适应布局:自适应布局的特点是分别为不同的屏幕分辨率定义布局,即创建多个静态布局,每个静态布局对应一个屏幕分辨率范围。
4.响应式布局:布局特点是每个屏幕分辨率下面会有一个布局样式,即元素位置和大小都会变。
那么我们如何布局呢?通过以下几点来选择布局。
1.如果只做电脑端,最好的选择是静态布局。
2.如果做移动端,且设计对高度和元素间距要求不高,那么弹性布局(rem+js)是最好的选择,通过一份css+一份js调节font-size就搞定。
3.如果电脑端,移动端要兼容,而且要求很高,那么响应式布局还是最好的选择。前提是设计根据不同的高宽做不同的设计,响应式根据媒体查询做不同的布局。

7. web前端配置文件的格式有哪些

*.pif为DOS环境下的可执行文件在Windows下执行时所需要的文件格式★常见的文件后缀名.ACA:Microsoft的代理使用的角色文档.acf:系统管理配置.acm:音频压缩管理驱动程序,为Windows系统提供各种声音格式的编码和解码功能.aif:声音文件,支持压缩,可以使用WindowsMediaPlayer和QuickTimePlayer播放.AIF:音频文件,使用WindowsMediaPlayer播放.AIFC:音频文件,使用WindowsMediaPlayer播放.AIFF:音频文件,使用WindowsMediaPlayer播放.ani:动画光标文件扩展名,例如动画沙漏。.ans:ASCII字符图形动画文件.arc:一种较早的压缩文件,可以使用WinZip,WinRAR,PKARC等软件打开.arj:压缩文件。可以使用WinZip,WinRAR,PKARC等软件打开.asf:微软的媒体播放器支持的视频流,可以使用WindowsMediaPlayer播放.asp:微软的视频流文件,可以使用WindowsMediaPlayer打开.asp:微软提出的ActiveServerPage,是服务器端脚本,常用于大型网站开发,支持数据库连接,类似PHP。可以使用VisualInterDev编写,是目前的大热门.asx:WindowsMedia媒体文件的快捷方式.au:是Internet中常用的声音文件格式,多由Sun工作站创建,可使用软件WaveformHoldandModify播放。NetscapeNavigator中的LiveAudio也可以播放.au文件.avi:一种使用MicrosoftRIFF规范的Windows多媒体文件格式,用于存储声音和移动的图片.bak:备份文件,一般是被自动或是通过命令创建的辅助文件,它包含某个文件的最近一个版本,并且具有于该文件相同的文件名.basBasic:语言源程序文件,可编译成可执行文件,目前使用Basic开发系统的是VisualBasic.bat:批处理文件,在MS-DOS中,.bat文件是可执行文件,有一系列命令构成,其中可以包含对其他程序的调用.bbs:电子告示板系统文章信息文件.bfc:Windows的公文包文件.bin:二进制文件,其用途依系统或应用而定.bmp:Bitmap位图文件,这是微软公司开发Paint的自身格式,可以被多种Windows和WindowsNT平台及许多应用程序支持,支持32位颜色,用于为Windows界面创建图标的资源文件格式。.c:C语言源程序文件,在C语言编译程序下编译使用.cab:Microsoft制订的压缩包格式,常用于软件的安装程序,使用Windows自带的实用程序,Extract.exe可以对其解压缩,WinZip,WinRAR等都支持这种格式.cal:Windows中的日历文件.cdf:InternetExplorer的频道文件.cdr:CorelDraw中的一种图形文件格式,它是所有CorelDraw应用程序中均能够使用的一种图形图像文件格式.cdx:索引文件,存在于Dbase,Foxbase,Foxpro系统软件环境下.cfg:配置文件,系统或应用软件用于进行配置自己功能,特性的文件.chm:编译过后的HTML文件,常用于制作帮助文件和电子文档.clp:在Windows下剪贴板中的文件格式.cmd:用于WindowsNT/2000的批处理文件,其实与BAT文件功能相同,只是为了与DOS/Windows9x下的BAT有所区别.cmf:声卡标准的音乐文件,FM合成器等可以回放.cnf:NetMeetting会议连接文件.cnt:联机帮助文件目录索引文件,通常和同名的.hlp文件一起保存.col:由AutodeskAnimator,AutodeskAnimatorPor等程序创建的一种调色板文件格式,其中存储的是调色板中各种项目的RGB值.com:DOS可执行命令文件,一般小于64KB.cpl:控制面板扩展文件,Windows操作系统使用.cpp:C++语言源程序,非常强大的语言,在各种平台中都有相应的开发系统.crd:Windows中的卡片文件.crt:用于安全方面的证书认证文件.cur:Windows下的光标资源文件格式,可用光标编辑软件编辑.css:Text/css文件.dat:数据文件,在应用程序中使用.dat:VCD中的图象声音文件,VCD播放软件可调用,或是通过VCD机播放.dbf:数据库文件,Foxbase,Dbase,VisualFoxPro,等数据库处理系统所产生的数据库文件.dcx:传真浏览文档文件.ddi:映象文件,DUP,HD,IMG等工具可.dev:设备驱动程序.dib:设备无关位图文件,这是一种文件格式,其目的是为了保证用某个应用程序创建的位图图形可以被其它应用程序装载或显示一样.dir:目录文件.dll:Windows动态连接库,几乎无处不在,但有时由于不同版本DLL冲突会造成败各种各样的问踢.doc:是目前市场占有率最高的公室软件MicrosoftOffice中的字处理软件Word创建的文档.dos:Windows保留的MS-DOS的某些系统文件.dot:MicrosoftWord的文档模板文件,通过模板可以简化一些常用格式文档的创建工作,而且可以内嵌VBA程序来实现某些自动化功能.drv:设备驱动程序文件,用在各种系统中.dwg:AutoCAD的图纸文件,也是许多绘图软件都支持的格式,常用于共享数据.dxb:AutoCAD创建的一中图形文件格式.dxf:图形交换格式,一种计算机辅助设计的文件格式,最初开发用来与AutoCAD一起使用,以便于图形文件在应用程序之间的传递,它以ASCII方式储存图形,在表现图形的大小方面十分精确.der:Certiticate文件.dic:Txt文件.emf:由Microsoft公司开发的Windows32位扩展图元文件格式,其总体设计目标是要弥补在MicrosoftWindows3.1(Win16)中用的*.wmf文件格式的不足,使得图元文件更加易于使用.eps:用PostScript语言描述的一种图形文件格式,以文本文件保存,在PostScript图形打印机上能打印出高品质的图形图象,最高能表示32位图形图象.err:编译错误文件,存在于Dbase,Foxbase,Foxpro系列软件环境下.exe:可执行文件,虽然后缀名相同,但具有不同的格式和版本.exp:3DS使用的显示卡驱动程序.exc:Txt文件.flc:AutodeskAnimator和Animatorpro的动画文件,支持256色,最大的图象象索是64000*64000,支持压缩,广泛用于动画图形中的动画序列,计算机辅助设计和计算机游戏应用程序.fnd:保存的搜索结果.fon:点阵字库文件.for:Fortran语言程序.fot:指向字体的快捷键.fp:配置文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下.fpt:备注字段文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下.frt:报表文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下.frx:报表文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下.fxp:编译后的程序,存在于Dbase,Foxbase,Foxpro系列软件的环境下.gif:在各种平台的各种图形处理软件上均能够处理的,经过压缩的一种图形文件格式.grh:方正公司的图象排版文件.grp:Windows下的程序管理器产生的组窗口文件.goc:Gocserve.gra:MSGraph.Chart.5.h:C语言源程序头文件.hlp:Windows应用程序帮助文件.hqx:Macintosh中使用BinHex将二进制文件编码为7位的文本文件,大多数Macintosh文件皆以.hqx出现(.bin极少使用),在Macintosh中,可使用StuffItExpander对.hqx解码,在Windows中可使用BinHex13解码.ht:超级终端.htm:保存超文本描述语言的文本文件,用于描述各种各样的网页,使用各种浏览器打开.html:同.htm文件.icm:图象配色描述文件.ico:Windows中的图标文件,可以包含同一个图标的多种格式,使用图标编辑软件创建.idf:MIDI乐器定义.idx:索引文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下.iff:文件交换格式文件,这种文件格式多用于Amiga平台,在这种平台上它几乎可以存储各种类型的数据,在其它平台上,IFF文件格式多用于存储图象和声音文件.image:MAcintosh磁盘映象文件,常见于萍果机的FTP网点,在Macintosh中由ShrinkWrap处理.ime:Windows下的输入法文件.img:磁盘映象文件,用HD-COPY,WinImage等工具打开后可以恢复到一张磁盘上.inc:汇编语言包含文件,类似C/C++中的.H文件.inf:Windows下的软件安装信息,Windows的标准安装程序根据此文件内的安装信息对软件,驱动程序等进行安装.ini:Windows中的初始化信息文件,已经用的不多了,新的应用程序将设置保存在系统的注册表中.jar:一种压缩文件,ARJ的新版本,不过不太流行,可以使用WinJar,Winrar等打开.jpeg:一种图片压缩文件,同.jpg.jpg:静态图象专家组制订的静态图象压缩标准,具有很高的压缩比,使用非常广泛,可使用PhotoShop等图象处理软件创建.lnk:快捷方式,这个文件指向另一个文件,开始菜单的程序文件夹下每条项目都是一个LNK文件.log:日志文件,通常用来记录一些事件之类.lzh:一种古老的压缩文件,可以使用WinRAR打开.mac:Macintosh中使用的一中灰度图形文件格式,在MacintoshPaintbrush中使用,其分辨率只能是720*567.mag:图形文件格式.mdb:MicrosoftAccess使用的数据库格式,是非常流行的桌面数据库.men:内存应用文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下.mid:音频压缩文件,曾经非常流行,不过在现在的软件中用的很少了rle:一种压缩过的位图文件格式,RLE压缩方案是一种极其成熟的压缩方案,特点是无损失压缩,既节省了磁盘空间又不损失任何图像数据,但在打开这种压缩文件时,要花费时间,此外,一些兼容性不太好的应用程序可能会搭不开.rm:Windows下的RealPlayer所支持的视频压缩文件,网上非常流行的流式视频文件,很多实时视频新闻等都是采用这种格式的,不过,最新的WindowsMediaVideoV8已经对其发起了强大的攻势.rmi:MIDI音序文件.rtf:丰富文本格式文件,以纯文本描述内容,能够保存各种格式信息,可以用写字版,Word等创建.sav:存档文件.scp:用于Windows系统中Internet拨号用户,自动拨号登录用的脚本文件,可避免手动登录时繁琐的键盘输入.scr:屏障保护文件.sct:屏幕文件.scx:屏幕文件.set:Microsoft备份集文件,用于保存要备份的内容,设置等信息.shb:指向一个文档的快捷方式.snd:Mac声音文件,Apple计算机公司开发的声音文件格式,被Macintosh平台和多种Macintosh应用程序所支持,支持某些压缩.sql:查询文件,在Dbase,Foxbase,Foxpro系列软件的环境下使用.svg:SVG可以算是目前最火热的图像文件格式了,它是基于XML由WorldWideWebConsortium联盟开发的,SVG是可缩放的矢量图形.svx:Amiga声音文件,Commodore所开发的声音文件格式,被Amiga平台和应用程序所支持,不支持压缩.swf:flash是Micromedia公司的产品,严格说它是一种动画编辑软件,实际上它是制作出一种后缀名为.swf的动画,这种格式的动画能用比较小的体积来表现丰富的多媒体形式,并且还可以与HTML文件达到一种"水乳交融"的境界.swg:虚拟内存交换文件,由操作系统使用.sys:系统文件,驱动程序等,在不同的操作系统中有不同的定义

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

后端服务器一般是指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 =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(同时传递处理好的数据过去) 来显示结果

9. web前端与H5前端有什么区别

一、指代不同

1、h5:是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。

2、web前端:是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。

二、发展不同

1、h5:结合了 HTML4.01 的相关标准并革新,符合现代网络发展要求,在 2008 年正式发布。

2、web前端:从网页制作演变而来,在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显着,功能更加强大。

三、技术构成不同

1、h5:由不同的技术构成,其在互联网中得到了非常广泛的应用,提供更多增强网络应用的标准机。

2、web前端:掌握HTML是网页的核心,是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍

10. 前端页面是有哪三层构成,作用是

网页分成三个层次,即:结构层、样式层、行为层。

HTML:结构层 网页的结构或内容层是该页面的基础HTML代码。正如房屋的框架为房屋的其他部分构建了一个坚实 的基础,HTML的坚实基础创建了一个可以在其上创建网站的平台。 结构层用于存储客户想要阅读或查看的所有内容。HTML结构可以包含文本和图像,它包括访问者用 于浏览网站的超链接。这是在符合标准的HTML5中编码的,可以包括文本,图像和多媒体(视频,音频等)。 网站内容的每个方面都应该在结构层中表示。这允许关闭JavaScript的客户或无法查看整个网站的 CSS访问权限的客户(如果不是所有功能)。

CSS:样式层 该层指示结构化HTML文档如何看待网站的访问者,并由CSS(层叠样式表)定义。这些文件包含有 关如何在Web浏览器中显示文档的样式说明。样式层通常包括基于屏幕大小和设备更改站点显示的 媒体查询。 网站的所有视觉样式都应位于外部样式表中。您可以使用多个样式表,但请记住,每个CSS文件都需 要HTTP请求才能获取它,从而影响站点性能。

JavaScript:行为层 行为层使网站具有交互性,允许页面响应用户操作或基于一组条件进行更改。JavaScript是行为层最 常用的语言,但CGI和PHP也经常被使用。 当开发人员引用行为层时,大多数都是指在Web浏览器中直接激活的层。您可以使用此图层直接与 DOM(文档对象模型)进行交互。在内容层中编写有效的HTML对于行为层中的DOM交互非常重 要。在构建行为层时,应该像使用CSS一样使用外部脚本文件来优化速度和性能。