![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端技术+BootStrap+LayUI+EasyUI
文章平均质量分 68
“前端是专门做网页的,即前端网站的前端部分,运行在PC、移动等浏览器上,展示网页供用户浏览。对于前端网站来说,是指网站的前端部分,包括网站的表示层和结构层,前端工作内容主要有两类,Web UI和Web App,UI主要用于制作展示页面,使用HTML构建页面框架结构
天蝎座的程序媛
JAVA开发工程师+实施工程师,目前在某大厂旗下进行需求改进,提供技术支持。阿里云专家博主...等。本菇娘在编码的路上还有很多不足之处,请诸位多多指教
展开
-
圣诞树网页版
圣诞树。原创 2022-12-02 19:14:32 · 33868 阅读 · 15 评论 -
近一年web前端经典面试题整理
目前Java语言在IT互联网行业的应用还是非常广泛的,由于大数据和云计算两大技术体系在构建技术生态的过程中基本上都大量采用了Java语言,所以2021年大数据和云计算在产业领域的人才需求潜力仍然是比较大的,各大招聘网站上搜索市场需求量大,大家可以看一下下面这张图下面是我搜集整理的比较全面的一些java前端面试题一、如何区分 HTML 和 HTML5?DOCTYPE声明\新增的结构元素\功能元素二、CSS 选择符有哪些?1.id选择器( # myid) 2.类选择器(.m...原创 2022-04-01 16:31:27 · 772 阅读 · 0 评论 -
Bootstrap2【上手教程】
目录一、思维导图二、排版(代码里面有注解)三、代码(代码里面有注解)四、表格(代码里面有注解)一、思维导图带你们了解一下这一章会给你们带来什么?你们会学什么?简不简单学?二、排版(代码里面有注解)页面主体:Bootstrap将全局font-size设置为14px,line-height设置为20px,段落的行高设置为10px,颜色设置为#333。我们可以通过在页面按F12查看body的样式段落突出:通过.lead类可以让段落突出显示,标题: ...原创 2022-04-30 12:29:02 · 1139 阅读 · 18 评论 -
Bootstrap入门【人类的天堂】
1.WWW:What、Why、WhereWhat:Bootstrap是一个前端开发框架。简单点说就是别人写好的效果封装起来。Bootstrap是2011年Twitter团队为了方便维护PC端和手机端二研发的一个响应式前端框架。 用于快速开发Web应用程序和网站的前端框架 Bootstrap是基于HTML、CSS、JS的,简介灵活,使Web开发更加快捷 总结:Bootstrap是一个建立在一个页面,可以在三个中断(PC、平板、手机)上完美战士的响应式前端框架Why:响应式设计(Bootst原创 2022-04-29 20:56:25 · 165 阅读 · 10 评论 -
Bootstrap3【上手教程】
圆角矩形:圆形/椭圆:这个比较牛逼,会根据图片来决定是宽椭圆还是高椭圆。缩略图:原创 2022-05-03 17:52:02 · 1528 阅读 · 8 评论 -
【EasyUI】入门之布局
目录第一节EasyUI的介绍和常用组件第二节 EasyUI的组件使用第一节EasyUI的介绍和常用组件[1]EasyUI的介绍介绍:EasyUI是一个前端开发的框架,其将常用的页面开发使用的组件进行了封装,前端开发人员只需将EasyUI的资源导入项目后使用即可,快速提升开发效率。使用:① 导入EasyUI的资源② 查阅API文档使用EasyUI的组件完成页面开发注意:使用EasyUI,其实就是在使用别人已经封装好的代码来完成自己的页面开发。...原创 2022-05-04 16:47:10 · 1383 阅读 · 20 评论 -
【LayUI】中常见的问题及解决办法
附录一:Not allowed to load local resource: 报错解决方法。附录二:layui中layer select下拉框被遮挡问题。附录三:layui之数据表格操作栏(toolbar)设置。附录四:layui之表单快速赋值取值。原创 2022-08-25 09:09:24 · 1315 阅读 · 7 评论 -
【LayUI】之动态树&动态选项卡Tab&iframe使用
1.左侧导航 导航一般指页面引导性频道集合,多以菜单的形式呈现,可应用于头部和侧边,是整个网页画龙点晴般的存在。 面包屑结构简单,支持自定义分隔符。 注:千万不要忘了加载 element模块。虽然大部分行为都是在加载完该模块后自动完成的,但一些交互操作, 如呼出二级菜单等,需借助element模块才能使用。 参考地址:http://layui.org.cn/doc/element/nav.html 2.导入数据表及无限级分类 1) 数据导入请参考资料原创 2022-08-23 08:51:54 · 1022 阅读 · 18 评论 -
【LayUi】之入门
layui(谐音:类 UI) 是一套开源的 Web UI 解决方案,采用自身经典的模块化规范,并遵循原生 HTML/CSS/JS 的开发方式,极易上手,拿来即用。由国人开发(作者贤心),16年出厂的框架,其主要提供了很多好看、方便的样式,并且基本拿来即用,和Bootstrap有些相似,但该框架有个极大的好处就是定义了很多前后端交互的样式接口,如分页表格,只需在前端配置好接口,后端则按照定义好的接口规则返回数据,即可完成页面的展示,极大减少了后端人员的开发成本。是一个很成熟的框架,这个大部分人一般都用过。..原创 2022-08-21 18:06:32 · 319 阅读 · 9 评论 -
【购物车项目】EL表达式+JSTL+数据库
1、什么是EL表达式,2、EL的特点,3、EL的语法, 4、EL隐式对象介绍 5、什么是JSTL,6、为什么使用JSTL?7、JSTL标准标签库介绍 8、完整的购物车管理系统+代码+效果(上一章)原创 2022-04-15 11:52:29 · 880 阅读 · 17 评论 -
【购物车项目】代码+页面+连接数据库
主界面个人中心界面, 数据库表设计就不多说,直接上代码他们的顺序是register.jsp→login.jsp→index.jsp→dogwc.jsp→index.jspregister.jsp和doregister.jsp<%@ page language="java" contentType="text/html; charse...原创 2022-04-13 20:03:12 · 8465 阅读 · 18 评论 -
【购物车项目】增删改查
今天给大家讲的就是session项目,用到了昨天的那篇文章里面的一些东西。今天就不多说了,可以看下面的思维导图。下面是这个项目的效果图,用到了一些插件。以下是代码index.jsp主页面<%@page import="com.zking.entity.Goods"%><%@page import="java.util.ArrayList"%><%@page import="com.zking.dao.GoodsDao"%>..原创 2022-04-12 20:30:24 · 783 阅读 · 5 评论 -
session对象和Cookie对象的使用方法以及区别
目录session对象的使用Cookie对象的使用session对象的使用session对象用来储存有关用户会话的所有信息首先,我们来了解一下会话是什么?看下面这张图,大概可以理解什么是会话了下面是session的使用方法 类型 方法名称 说明 void setAttribute(Stringkey,Objectvalue) 以key/value的形式保存...原创 2022-04-11 18:36:00 · 923 阅读 · 1 评论 -
页面跳转的两种方法以及区别
假设我的用户名为admin 密码为123if("admin".equals(name)&&"123".equals(pwd)){登录成功 跳转到success.jsp1、重定向:将页面跳转 地址栏发生了改变不能将值传递到下一个界面 可以跳转到任意资源 在客户端发挥作用response.sendRedirect("http://www.baidu.com");2、转发:将页面跳转 可以将值传递到下一个界面但是地址栏不发生改变 而是停留在了之前的页面 只能转发到当...原创 2022-04-04 17:05:25 · 4523 阅读 · 0 评论 -
jsp登录注册代码(增删改查+网页+数据库)
register.jsp:注册doregister.jsp:注册信息弹框login.jsp:登录dologin.jsp:与数据库相连、存放登陆的用户index.jsp:主界面update.jsp:修改doup.jsp:修改页面(帮助)info.jsp:详情dodel.jsp:删除界面原创 2022-03-25 20:42:47 · 35943 阅读 · 61 评论 -
省市二级联动
就不多说,直接上效果图和代码,该网页所需要的图片放下面了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ht...原创 2022-03-26 18:35:37 · 398 阅读 · 0 评论 -
js与jQuery的区别以及jQuery选择器和方法的使用
目录使用jQueryjs与jQuery代码对比jQuery选择器:用来选中元素基本方法js与jQuery代码对比jQuery选择器:用来选中元素基本方法使用jQueryjQuery是什么:jQuery是JavaScript的类库,封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。官网:http://jquery.com/为什么要学jQuery:可以简化JavaScript开发,jQuery中包原创 2022-03-16 11:09:47 · 645 阅读 · 0 评论 -
HTML实现加减乘除的计算器+JavaScrip小知识点
下面是一些小的知识点,可以看看,网页的计算机代码在下面,小伙伴们花点耐心,1、form表单 form提交数据提交方式有两种:action提交路径,mothod提交方式提交方式有两种:get显示数据,post隐藏数据,input:属性name起名字,id唯一,checked单选框选中,selected下拉框选中,select下拉框,option列表选项,textarea文本域,text文本框,password密码框,radio单选按钮,CheckBox多选框,submit提交...原创 2022-04-15 17:07:54 · 6890 阅读 · 30 评论 -
表单验证+获取元素的三种方式
目录JavaScript单词表单验证获取元素的三种方式JavaScript单词onclick:点击事件onmouseout:鼠标离开事件onmouseover:鼠标移上去事件onload:页面加载事件onblur:失去焦点表单验证这个可以直接用,你们可以再加一点css样式就可以运用到项目当中,效果就是上面那张图<!DOCTYPE html><html><head><meta charset="utf-.原创 2022-04-18 17:19:47 · 317 阅读 · 10 评论 -
神奇的Ajax
目录实现无刷新的用户登录实现搜索自动提示实现无刷新的用户登录带你们看一下互联网的革命为什么要使用Ajax?除去下面我所讲的,还有很多,看下面这张图,感兴趣的可以去搜索无刷新:不刷新整个页面,只刷新局部无刷新的好处: 1、只更新部分页面,有效利用带宽 2、 提供连续的用户体验3、提供类似C/S的交互效果,操作更方面,自动补全功能XMLHttpRequest:avaScript对象XMLHttpRequest是整个A...原创 2022-04-25 21:56:01 · 770 阅读 · 32 评论 -
基本正则表达式的运用【前端】
关于正则表达式一直都是个让很多程序员都觉得很郁闷的一个东西,我觉得创造正则表达式的那个家伙简直就是个奇葩,要不就是外星人。就那么一个字符规则校验就足以使那么多程序员为之抓狂,你可以想象这个东西该有多变态。由于本人水平有限,不可能写的那么全面,只是把比较实用的东西给写下来,还有对一些常用的正则表达式进行收集整理,如果有写的不对的地方,还希望各路大牛多多指教!代码真的很详细,句句有解释正则表达式简介:正则表达式是由一些具有特殊含义的字符组成的字符串,多用于查找、替换符合规则的字符串。在表单验证、Url映原创 2022-04-23 09:25:46 · 789 阅读 · 21 评论 -
怎么设置jQuery中的事件和动画
1. 事件 31.1. 加载Dom两种方式1.1.1. window.onload方式1.1.2. jQuery方式1.1.3. 案例1:测试两种方式的区别【个数+顺序】1.2. 绑定事件两种方式1.2.1. 元素.on(“事件名”,function(){})1.2.2. 元...原创 2022-03-12 20:03:26 · 1785 阅读 · 0 评论