「java页面端」java服务器页面
本篇文章给大家谈谈java页面端,以及java服务器页面对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
Java 如何开发手机web页面?
首先Java是后台语言,不能进行web前端页面开发,只能在web后台作为服务端语言进行资源处理;
如果需要进行移动端web页面开发,那涵盖的前端的知识点很多,最基础的如HTML5/CSS3/Javascript,而在这之上有很多框架是为移动端web页面开发提供便捷开发方式的,如支持响应式布局的bootstrap,如移动端交互的zepto,多了解下这些才能完成页面开发;
JAVA页面展示问题
可以通过layui来做,这个是前端的一个页面。下面是一个例子,layui的例子
!DOCTYPE html
html
head
meta charset="utf-8"
titlelayui/title
meta name="renderer" content="webkit"
meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"
meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"
link rel="stylesheet" href="网页链接" media="all"
!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 --
/head
body
fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"
legend卡片面板/legend
/fieldset
div style="padding: 20px; background-color: #F2F2F2;"
div class="layui-row layui-col-space15"
div class="layui-col-md6"
div class="layui-card"
div class="layui-card-header"卡片面板/div
div class="layui-card-body"
卡片式面板面板通常用于非白色背景色的主体内br
从而映衬出边框投影
/div
/div
/div
div class="layui-col-md6"
div class="layui-card"
div class="layui-card-header"卡片面板/div
div class="layui-card-body"
结合 layui 的栅格系统br
轻松实现响应式布局
/div
/div
/div
div class="layui-col-md12"
div class="layui-card"
div class="layui-card-header"标题/div
div class="layui-card-body"
内容
/div
/div
/div
/div
/div
fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"
legend常规折叠面板/legend
/fieldset
div class="layui-collapse" lay-filter="test"
div class="layui-colla-item"
h2 class="layui-colla-title"为什么JS社区大量采用未发布或者未广泛支持的语言特性?/h2
div class="layui-colla-content"
p有不少其他答案说是因为JS太差。我下面的答案已经说了,这不是根本性的原因。但除此之外,我还要纠正一些对JS具体问题的误解。JS当初是被作为脚本语言设计的,所以某些问题并不是JS设计得差或者是JS设计者的失误。比如var的作用域问题,并不是“错误”,而是当时绝大部分脚本语言都是这样的,如perl/php/sh等。模块的问题也是,脚本语言几乎都没有模块/命名空间功能。弱类型、for-in之类的问题也是,只不过现在用那些老的脚本语言的人比较少,所以很多人都误以为是JS才有的坑。另外有人说JS是半残语言,满足不了开发需求,1999年就该死。半残这个嘛,就夸张了。JS虽然有很多问题,但是设计总体还是优秀的。——来自知乎@贺师俊/p
/div
/div
div class="layui-colla-item"
h2 class="layui-colla-title"为什么前端工程师多不愿意用 Bootstrap 框架?/h2
div class="layui-colla-content"
p因为不适合。如果希望开发长期的项目或者制作产品类网站,那么就需要实现特定的设计,为了在维护项目中可以方便地按设计师要求快速修改样式,肯定会逐步编写出各种业务组件、工具类,相当于为项目自行开发一套框架。——来自知乎@Kayo/p
/div
/div
div class="layui-colla-item"
h2 class="layui-colla-title"layui 更适合哪些开发者?/h2
div class="layui-colla-content"
p在前端技术快速变革的今天,layui 仍然坚持语义化的组织模式,甚至于模块理念都是采用类AMD组织形式,并非是有意与时代背道而驰。layui 认为以jQuery为核心的开发方式还没有到完全消亡的时候,而早期市面上基于jQuery的UI都普通做得差强人意,所以需要有一个新的UI去重新为这一领域注入活力,并采用一些更科学的架构方式。
brbr
因此准确地说,layui 更多是面向那些追求开发简单的前端工程师们,以及所有层次的服务端程序员。/p
/div
/div
div class="layui-colla-item"
h2 class="layui-colla-title"贤心是男是女?/h2
div class="layui-colla-content"
pman! 所以这个问题不要再出现了。。。/p
/div
/div
/div
fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;"
legend手风琴折叠/legend
/fieldset
div class="layui-collapse" lay-accordion=""
div class="layui-colla-item"
h2 class="layui-colla-title"layui 更适合哪些开发者?/h2
div class="layui-colla-content layui-show"
p在前端技术快速变革的今天,layui 仍然坚持语义化的组织模式,甚至于模块理念都是采用类AMD组织形式,并非是有意与时代背道而驰。layui 认为以jQuery为核心的开发方式还没有到完全消亡的时候,而早期市面上基于jQuery的UI都普通做得差强人意,所以需要有一个新的UI去重新为这一领域注入活力,并采用一些更科学的架构方式。
br
因此准确地说,layui 更多是面向那些追求开发简单的前端工程师们,以及所有层次的服务端程序员。/p
/div
/div
div class="layui-colla-item"
h2 class="layui-colla-title"为什么JS社区大量采用未发布或者未广泛支持的语言特性?/h2
div class="layui-colla-content"
p有不少其他答案说是因为JS太差。我下面的答案已经说了,这不是根本性的原因。但除此之外,我还要纠正一些对JS具体问题的误解。JS当初是被作为脚本语言设计的,所以某些问题并不是JS设计得差或者是JS设计者的失误。比如var的作用域问题,并不是“错误”,而是当时绝大部分脚本语言都是这样的,如perl/php/sh等。模块的问题也是,脚本语言几乎都没有模块/命名空间功能。弱类型、for-in之类的问题也是,只不过现在用那些老的脚本语言的人比较少,所以很多人都误以为是JS才有的坑。另外有人说JS是半残语言,满足不了开发需求,1999年就该死。半残这个嘛,就夸张了。JS虽然有很多问题,但是设计总体还是优秀的。——来自知乎@贺师俊/p
/div
/div
div class="layui-colla-item"
h2 class="layui-colla-title"为什么前端工程师多不愿意用 Bootstrap 框架?/h2
div class="layui-colla-content"
p因为不适合。如果希望开发长期的项目或者制作产品类网站,那么就需要实现特定的设计,为了在维护项目中可以方便地按设计师要求快速修改样式,肯定会逐步编写出各种业务组件、工具类,相当于为项目自行开发一套框架。——来自知乎@Kayo/p
/div
/div
div class="layui-colla-item"
h2 class="layui-colla-title"贤心是男是女?/h2
div class="layui-colla-content"
pman! 所以这个问题不要再出现了。。。/p
/div
/div
/div
fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;"
legend面板嵌套/legend
/fieldset
div class="layui-collapse" lay-accordion=""
div class="layui-colla-item"
h2 class="layui-colla-title"文豪/h2
div class="layui-colla-content layui-show"
div class="layui-collapse" lay-accordion=""
div class="layui-colla-item"
h2 class="layui-colla-title"唐代/h2
div class="layui-colla-content layui-show"
div class="layui-collapse" lay-accordion=""
div class="layui-colla-item"
h2 class="layui-colla-title"杜甫/h2
div class="layui-colla-content layui-show"
伟大的诗人
/div
/div
div class="layui-colla-item"
h2 class="layui-colla-title"李白/h2
div class="layui-colla-content"
p据说是韩国人/p
/div
/div
div class="layui-colla-item"
h2 class="layui-colla-title"王勃/h2
div class="layui-colla-content"
p千古绝唱《滕王阁序》/p
/div
/div
/div
/div
/div
div class="layui-colla-item"
h2 class="layui-colla-title"宋代/h2
div class="layui-colla-content"
p比如苏轼、李清照/p
/div
/div
div class="layui-colla-item"
h2 class="layui-colla-title"当代/h2
div class="layui-colla-content"
p比如贤心/p
/div
/div
/div
/div
/div
div class="layui-colla-item"
h2 class="layui-colla-title"科学家/h2
div class="layui-colla-content"
p伟大的科学家/p
/div
/div
div class="layui-colla-item"
h2 class="layui-colla-title"艺术家/h2
div class="layui-colla-content"
p浑身散发着艺术细胞/p
/div
/div
/div
br
p支持无限嵌套,应用场景非常多!/p
script src="网页链接" charset="utf-8"/script
!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 --
script
layui.use(['element', 'layer'], function(){
var element = layui.element;
var layer = layui.layer;
//监听折叠
element.on('collapse(test)', function(data){
layer.msg('展开状态:'+ data.show);
});
});
/script
/body
/html
如何实现Java Web项目中页面的服务端跳转?
写一个启动程序引导类,在这个类里先启动登录窗口(JDialog),然后由登录类判断用户输入信息是否正确,如果正确就dispose该登录类,程序会转回到引导类,引导类启动JFrame.否则退出/重输入信息,整个程序结束
代码如下:
ublic void actionPerformed(ActionEvent e){
if(e.getSource() == okButton){
//判断登录名或者密码是否正确
//如果正确则跳转
this.setVisible(false);
//主界面显示,如
MainFrame mf = new MainFrame();
mf.setVisible(true);
//不正确,则提示错误信息
}
}
java页面端的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于java服务器页面、java页面端的信息别忘了在本站进行查找喔。
发布于:2022-12-09,除非注明,否则均为
原创文章,转载请注明出处。