展开全部

可以通过layui来做,这个是前端的一个页面。下面是一个例子e68a8462616964757a686964616f31333365663535,layui的例子

layui

卡片面板

卡片面板

卡片式面板面板通常用于非白色背景色的主体内

从而映衬出边框投影

卡片面板

结合 layui 的栅格系统

轻松实现响应式布局

标题

内容

常规折叠面板

为什么JS社区大量采用未发布或者未广泛支持的语言特性?

有不少其他答案说是因为JS太差。我下面的答案已经说了,这不是根本性的原因。但除此之外,我还要纠正一些对JS具体问题的误解。JS当初是被作为脚本语言设计的,所以某些问题并不是JS设计得差或者是JS设计者的失误。比如var的作用域问题,并不是“错误”,而是当时绝大部分脚本语言都是这样的,如perl/php/sh等。模块的问题也是,脚本语言几乎都没有模块/命名空间功能。弱类型、for-in之类的问题也是,只不过现在用那些老的脚本语言的人比较少,所以很多人都误以为是JS才有的坑。另外有人说JS是半残语言,满足不了开发需求,1999年就该死。半残这个嘛,就夸张了。JS虽然有很多问题,但是设计总体还是优秀的。——来自知乎@贺师俊

为什么前端工程师多不愿意用 Bootstrap 框架?

因为不适合。如果希望开发长期的项目或者制作产品类网站,那么就需要实现特定的设计,为了在维护项目中可以方便地按设计师要求快速修改样式,肯定会逐步编写出各种业务组件、工具类,相当于为项目自行开发一套框架。——来自知乎@Kayo

layui 更适合哪些开发者?

在前端技术快速变革的今天,layui 仍然坚持语义化的组织模式,甚至于模块理念都是采用类AMD组织形式,并非是有意与时代背道而驰。layui 认为以jQuery为核心的开发方式还没有到完全消亡的时候,而早期市面上基于jQuery的UI都普通做得差强人意,所以需要有一个新的UI去重新为这一领域注入活力,并采用一些更科学的架构方式。

因此准确地说,layui 更多是面向那些追求开发简单的前端工程师们,以及所有层次的服务端程序员。

贤心是男是女?

man! 所以这个问题不要再出现了。。。

手风琴折叠

layui 更适合哪些开发者?

在前端技术快速变革的今天,layui 仍然坚持语义化的组织模式,甚至于模块理念都是采用类AMD组织形式,并非是有意与时代背道而驰。layui 认为以jQuery为核心的开发方式还没有到完全消亡的时候,而早期市面上基于jQuery的UI都普通做得差强人意,所以需要有一个新的UI去重新为这一领域注入活力,并采用一些更科学的架构方式。

因此准确地说,layui 更多是面向那些追求开发简单的前端工程师们,以及所有层次的服务端程序员。

为什么JS社区大量采用未发布或者未广泛支持的语言特性?

有不少其他答案说是因为JS太差。我下面的答案已经说了,这不是根本性的原因。但除此之外,我还要纠正一些对JS具体问题的误解。JS当初是被作为脚本语言设计的,所以某些问题并不是JS设计得差或者是JS设计者的失误。比如var的作用域问题,并不是“错误”,而是当时绝大部分脚本语言都是这样的,如perl/php/sh等。模块的问题也是,脚本语言几乎都没有模块/命名空间功能。弱类型、for-in之类的问题也是,只不过现在用那些老的脚本语言的人比较少,所以很多人都误以为是JS才有的坑。另外有人说JS是半残语言,满足不了开发需求,1999年就该死。半残这个嘛,就夸张了。JS虽然有很多问题,但是设计总体还是优秀的。——来自知乎@贺师俊

为什么前端工程师多不愿意用 Bootstrap 框架?

因为不适合。如果希望开发长期的项目或者制作产品类网站,那么就需要实现特定的设计,为了在维护项目中可以方便地按设计师要求快速修改样式,肯定会逐步编写出各种业务组件、工具类,相当于为项目自行开发一套框架。——来自知乎@Kayo

贤心是男是女?

man! 所以这个问题不要再出现了。。。

面板嵌套

文豪

唐代

杜甫

伟大的诗人

李白

据说是韩国人

王勃

千古绝唱《滕王阁序》

宋代

比如苏轼、李清照

当代

比如贤心

科学家

伟大的科学家

艺术家

浑身散发着艺术细胞

支持无限嵌套,应用场景非常多!

layui.use(['element', 'layer'], function(){

var element = layui.element;

var layer = layui.layer;

//监听折叠

element.on('collapse(test)', function(data){

layer.msg('展开状态:'+ data.show);

});

});

java页面展示_JAVA页面展示问题相关推荐

  1. java 网站计数器_Java页面计数器

    ---- 常常逛WWW的人,一定对许多起始页上的计数器感兴趣.每当你光临某个站点的起始页时,它的计数器就很亲切地告诉你,从某年某月某日开始,你是第几位光临的人.你可能也想在自己的HomePage内做计 ...

  2. java 重定向到某个页面并弹出消息_前端面试100问之浏览器从输入URL到页面展示发生了什么...

    点击蓝字,关注我们 『浏览器从输入URL到页面渲染发生了什么』作为一个经典题目,在前端面试中高频出现,很多大厂的面试都会从这个面试题出发,考察候选人对知识的掌握程度,这其中涉及到了网络.操作系统.We ...

  3. java 页面输出一个页面_java学习之:一个完整页面输出信息的过程(以输出Doctor表中信息为例)...

    最近在练习java程序,总结一下从数据库查询信息并输出到jsp页面的过程.主要数据处理在src.cn.javatest包下面 项目预览 1,配置项目根目录src目录下的druid.properties ...

  4. 在jsp中通过I/O流方式读取图片并展示到页面

    之前在做一个项目时用到了图片上传并立即展示到页面浏览,而且图片存放在硬盘上的一个文件夹中而非在工程与数据库中,这就会出现一个问题,如果不是在开发程序环境中访问图片页面,则会出现图片不能展示情况,原因很 ...

  5. Vue+element-ui上传logo图片到后端生成二维码展示到页面

    Vue+element-ui上传logo图片生成二维码展示到页面 该文章将介绍如何通过前端上传二维码logo图片在后台生成二维码,并将生成的二维码转换成Base64编码返回给前端在页面展示,用户扫码二 ...

  6. 微搭使用笔记(五) 通过数据源API写入数据并展示到页面

    一.背景 ​今天在学习腾讯云微搭API的时候发现,微搭不仅提供了小程序或者H5调用数据源的API,还支持外部通过http请求+token的方式调用,于是决定体验一把. ​正好结合之前可视化爬虫爬取新闻 ...

  7. SpringBoot简单项目搭建,从数据读取数据展示到页面

    springboot快速搭建web项目,无需繁琐xml配置,热部署,无需重启服务器,简单部署只需打jar包即可,有很多的优点! 刚接触到springboot花费了好几个小时,撸完一个又一个的配置坑,最 ...

  8. 如何将数据库的数据展示在页面上面呢?

    数据库中的数据 这边只是为了说明如何将数据库的数据展示在页面上面,逻辑暂时不作考虑. 1.通过链接的形式去访问Servlet http://localhost:8080/JF190902/UserSe ...

  9. 美多商城之购物车(展示商品页面简单购物车)

    三.展示商品页面简单购物车 需求:用户鼠标悬停在商品页面右上角购物车标签上,以下拉框形式展示当前购物车数据. 3.1. 简单购物车数据接口设计和定义 1.请求方式 选项 方案 请求方法 GET 请求地 ...

  10. 美多商城之用户注册(展示用户注册页面)

    一.展示用户注册页面 1.创建用户模块子应用 1.1. 创建用户模块子应用 1.准备apps包,用于管理所有应用 2.在apps包下创建应用users $ cd ~/projects/meiduo_p ...

最新文章

  1. 解决Spring boot中读取属性配置文件出现中文乱码的问题
  2. js实现-限时抢购倒计时间表
  3. 那些年,我在西安的“遇见”(一)
  4. 解决'pip' 不是内部或外部命令,也不是可运行的程序或批处理文件的问题
  5. 阿里P8架构师谈:阿里双11秒杀系统如何设计?
  6. 324. Wiggle Sort II | 324. 摆动排序 II(降序穿插)
  7. IBASE read buffer issue - FM IB_COM1_READ_IBASE
  8. P1465 序言页码 Preface Numbering (手推)
  9. 8位可控加减法器_自主可控:QTouch在军工道系统上的应用
  10. mysql分组取每组前几条记录(排序)
  11. C#百度OCR-身份证图片识别提取信息
  12. 互联网早报:京东发布“小时购”业务:京东APP下单提速至小时达、分钟达
  13. 孪生网络 应用_数字孪生照进现实,Unity如何打造数字世界的基础设施?
  14. Miller_Rabin(米勒拉宾)素数测试
  15. echarts 3D地球
  16. 移远4g LTE模块at指令集合
  17. 树莓派开发板入门学习笔记1:[转]资料收集及树莓派系统在Ubuntu安装
  18. 彩色空间HSV|RGB|灰度图的理解与OpenCV中的转换【DataWhale琐碎知识点】
  19. 基于JNA(Java Native Access)实现RFID单卡、多卡读取以及写入。
  20. krita windows编译源码

热门文章

  1. 【工具】解决Windows7影音制作的错误:C946001E
  2. android 360度视频播放器,Android开发VR实战之播放360度全景视频
  3. 五点差分法求解偏微分方程(PDE)
  4. hadoop:Secondary NameNode 它究竟有什么作用?
  5. MySQL报错`ERROR: No query specified`
  6. 产品之路第四年的再思考
  7. jzoj4245. 【五校联考6day2】er (B组——Day11)
  8. yolov3 darknet 中文标签 中文汉化
  9. 微服务实现网关统一鉴权-接口级别
  10. php生成海报像素低,TP5.1生成海报