【Web开发】
文章平均质量分 84
xjCherie
这个作者很懒,什么都没留下…
展开
-
微信小程序开发
微信小程序(Wechat Mini Program),是一种在微信内传播,不需要安装便可使用的应用程序。从2017年1月发布,到2020年6月为止已有550万个小程序,DAU(日活跃用户数)为4.4亿,且呈持续增长的趋势。小程序特点:微信小程序是基于微信衍生出来的产品,所以小程序提供了丰富的API来获取微信的数据与功能。不管是用户存储在微信上的数据,还是微信已有的功能,都可以通过这些API来直接使用。另外小程序基本上不需要考虑客户端是ios还是android,这些差异微信已经帮小程序屏蔽掉了,小原创 2020-10-28 10:01:01 · 1715 阅读 · 2 评论 -
【ztree系列】完美实现复选框功能
在权限系统中,大多数的页面都用到了树形结构,其中最常用的便是树资源的加载和单击事件,除此之外ztree还可以实现很多功能。今天以实现复选框的添加功能为例,咱们再来深入的学习下ztree的应用。一、实例描述 在用户管理模块中,需要给用户添加角色,而用户与角色的之间是一个多对多的关系。这里我们可以先加载两个角色树资源,通过两个树之间数据的交换,从而得到用户所拥有的角色资源,实现效果原创 2015-08-27 22:14:33 · 13388 阅读 · 16 评论 -
【一点一滴Bootstrap】可编辑的表格
表格是一个办公系统最基础的部分,如何给用户提供更加灵活多变的功能是我们的不懈追求……现在在做的一款办公系统,大约用到十来个表格,最开始的需求是满足显示功能就ok,这很简单,根本不用做变动;然而,我们都懂得用户的需求是不会停止的,so又来了一个给用户提供表格编辑的权限,包括增删改、编辑下拉列表,我觉得再弹出一个框框或者跳出一个页面让用户修改这样的设...原创 2016-04-16 12:20:49 · 52992 阅读 · 50 评论 -
Apache与Tomcat 区别联系
Apache 和Tomcat 都是web网络服务器,两者既有联系又有区别,在进行HTML、PHP、JSP、Perl等开发过程中,需要准确掌握其各自特点,选择最佳的服务器配置。 Apache是web服务器(静态解析,如HTML),tomcat是java应用服务器(动态解析,如JSP、PHP) Tomcat只是一个servlet(jsp也翻译成servlet)容器,可以认为是apach转载 2016-03-24 21:11:39 · 544 阅读 · 2 评论 -
【ztree系列】节点拖拽
这个功能看起来很高大上,其实吧,实际做的时候才知道so easy。一、简述 节点拖拽,就是在操作tree的时候,可以把节点放在tree的任意位置上。当拖动一个节点的时候,可把它的子节点也一并拖拽到目标节点下,对于要拖拽的节点、目标节点、以及拖拽前后的操作,我们也都可自行控制,听起来是不是方便到家啦,哈哈,这个功能就是这样,看起来炫,做起来还超简单!二、节点原创 2016-03-31 21:31:07 · 13034 阅读 · 2 评论 -
【ztree系列】树节点的模糊查询
以前设计模糊查询的功能,一般都是针对表格来做的,还真没考虑过对tree进行模糊查询,也可能是因为遇到的数据量还没到头疼的程度吧。为了完美的实现模糊查询的效果,搞了半天css,对输入框显示效果的设置更是修改了n多次,什么半圆角、边框、光影。。。真佩服我这颗屡试屡换的小心脏啊一、页面设计对于搜索功能,首先要有输入框,用于接收输入内容;然后就是显示搜索结果用的标签,控制焦点用的上移下动按钮。其实原创 2016-01-09 23:59:36 · 27501 阅读 · 28 评论 -
【ztree系列】右键菜单、节点伸缩
在网页设计中,一般很少使用右键功能,当我们未定义右键操作的时候,默认的都是调用浏览器事件。但是在有些情况下,例如为了节省页面空间(让页面更简洁、美观)或者是用户不常用的一些功能,我们就可以把它们都放在右键菜单里边了。下面以tree节点伸缩为例,来聊聊我们的右键菜单。一、简述 右键菜单的功能是这样来的,首先设计一个菜单,用于右击显示;菜单上放置一些元素(控件),以供我们选择;然原创 2016-01-09 17:41:01 · 21178 阅读 · 18 评论 -
【ztree系列】节点的增删改
一直以来,项目中用到的树形结构,都是用来读取显示数据、或者控制页面上其它内容的展示。对于树数据源的修改,一般由其它模块来完成,这样可以让功能单一化,不必让树的职责过多,但是却不得不再多加一步了。为了给用户提供最大的便利,省去这一步的麻烦,我们可以利用它的图标增删改功能,这样可以给用户最大的选择余地,也会让我们的系统更加的灵活。一、简述 在做之前,先简单介绍下我们要实现的功能。首原创 2016-01-09 12:44:44 · 42576 阅读 · 29 评论 -
Tomcat环境配置
Tomcat是一个容器,用来管理我们的servlet,而servlet就相当于这个容器中的对象(容器会管理对象的生命周期)。Tomcat是WebLogic的一个子集,WebLogic实现了j2ee的所有规范,而Tomcat主要就实现了servlet规范,servlet只是j2ee的一小部分。所以一般情况下,中小型系统和并发访问用户不是很多的时候,用Tomcat;大型的系统,则会用WebLogic或者Jboss。 对于Tomcat来说,在使用之前要先确保机器上有jdk,因为tomcat是用ja原创 2015-10-31 16:40:31 · 2451 阅读 · 14 评论 -
权限管理——RBAC应用
一、权限管理的访问控制 权限管理,一般指控制用户的访问权限,使得用户可以访问而且只能访问自己被授权的资源,不能多也不能少。现在的软件系统里基本上都用到了权限管理,只是控制的粒度、层面和侧重点会有所不同,比较完善的权限管理包括四个方面的访问控制: 1.功能(最基础):以用户完成某一功能为准。如“添加用户”、“删除用户” 2.数据:比功能访问权限的控制粒原创 2015-10-18 20:35:58 · 5073 阅读 · 14 评论 -
【一点一滴Bootstrap】模态框
Bootstrap中的模态框,就是平常我们所谓的弹出窗体,是附加在父窗体上的子窗体。它可为页面封装很多功能,在一定程度上简化了页面的设计、减少了页面间频繁的交替。一、模态框使用简述1.属性 data-toggle:“model”,表明触发一个模态框 data-target:触发对象的id或class等,表明要触发的模态框 data原创 2016-04-30 21:51:14 · 1992 阅读 · 1 评论 -
【一点一滴Bootstrap】标签页Tab
标签页Tab是一种常用的导航元素,除此之外我们也可以将它设置成一个页面容器放置同类功能的页面一、标签页的使用1. 设置data属性 在html标签中,添加data-toggle=“tab”或data-toggle=“pill”,再在 href 中加入要展示的标签页。 1)将 nav 和 nav-tabs 类添加到ul 中,将会应用 Bootstrap标签样式 2)添加 nav 和 nav-pills 类到ul 中,将会应用 Bootstrap胶囊式样式原创 2016-04-30 21:54:08 · 2737 阅读 · 0 评论 -
【ztree系列——图标的修改】Bootstrap风格的ztree
前段时间项目中需要用树形结构,在选取的时候参考了很多插件,经过很多尝试,最后又回归到了ztree上。我以前用的界面框架是EasyUI,但是它的树结构在实现起来有点复杂,并且功能不是特别完善。dtree在做demo的时候没什么问题,但是放到项目中,从数据库读取数据后还需要进行转换……码了n个demo后,还是觉得ztree最好用!1.ztree图标 ztree功能强大,使用方便是一原创 2016-01-04 23:50:18 · 75446 阅读 · 25 评论 -
【web前端】input使用小结
input文本改变的事件(1)改变完后触发:只有在文本做了改变,且失去焦点时触发 $("#test").change(function(){ //fire your ajax call alert("Change!") });(2)改变时触发:input事件:on和bind的绑定方式暂时没发现有什么区别 1)$("#tes原创 2016-05-31 21:50:28 · 4343 阅读 · 4 评论 -
【ztree系列】MySQL查询所有子节点
其中用到了四个mysql函数 1)cast():用来获取一个类型的值,并产生另一个类型的值。但是可转换类型有限。还有一个用来做转换的函数是convert(value, type) 语法:cast(value astype); 2)concat():用于将多个字符串连接成一个字符串,返回结果为连接参数产生的字符串。如有任何一个参数为NULL ,则返回值为 NULL。 语法:concat (str1,str2,…) 3)gro原创 2016-08-30 22:23:56 · 2881 阅读 · 4 评论 -
【web前端】开发必会之Node.js
Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。1. 安装使用: 官网地址下载node.js:https://nodejs.org/en/download/,下载完以后运行该文件,安装过程比较简单。原创 2016-07-31 22:12:08 · 1681 阅读 · 0 评论 -
【web前端】简洁的VUE
Vue.js 是用于构建交互式的 Web 界面库,主打轻量级,通过简洁的API提供高效的MVVM数据绑定和一个可组合的组件系统。Vue.js 专注于 MVVM 模型的 ViewModel 层,通过双向数据绑定把View层和Model层连接起来,实际的DOM操作和输出格式被抽象的方式到指令(Directives)和过滤器(Filters),特点是简单、快速、组合、对模块友好; AngularJS完全使用JavaScript编写的客户端技术,同其它Web技术(html、css、js)结合使用,使原创 2016-07-31 22:12:37 · 1116 阅读 · 1 评论 -
【web前端】聊聊MUI
MUI(Mobile User Interface)是一套基于Html5,用于手机端界面开发的框架,它追求性能致力于UI原生体验,不依赖任何第三方JS库。以前接触的EasyUI、BootStrap应用在网页中没有多大问题,但是一放到手机上单独使用问题就来了,所以很多技术结合起来用各取所长才是最好不过的。 UI组件是MUI的基础,以iOS 7为基础,补充部分Android特有控件。一般页面常用到的元素都包含在这部分,像按钮、消息框、图标、图文列表等等各种小部件。它们的特点是独立性,都是一个小原创 2016-07-31 22:12:57 · 2808 阅读 · 0 评论 -
【web前端】CSS基础
1. padding(内边距)的设置 Padding-top、right、bottom、left 内边距都为5px时,padding:5px 2. Border-width(边框) border-top-width、right、bottom、left 边框都为5px时,padding:Border-width:原创 2016-03-31 20:00:06 · 742 阅读 · 0 评论 -
一看就懂的ReactJs教程
现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略ReactJS的风采吧~~ 章有点长,耐心读完,你会有很大收获哦~一、ReactJS简介React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在转载 2016-07-31 22:13:32 · 2547 阅读 · 1 评论 -
【zTree系列】树形结构zTree
树形结构有多种形式和实现方式,zTree可以说得上是一种比较简洁又美观的且实现起来也相对简单。zTree是一个依靠jQuery实现的多功能“树插件”。它最大的优点是配置灵活,只要id与pid的值相同就可形成一个简单的父子结构。再加上免费开源,使用zTree的人越来越多。一、概述1.实现思路假设有两张表:A表、B表,如果B.Id=A.PId,则A与B将可构成树形结构。(Id与PId只原创 2015-07-31 20:51:48 · 8373 阅读 · 15 评论 -
【Java笔记一】Filter过滤器
Filter称为过滤器,在程序中的作用就是对web服务器管理的所有资源进行过滤。通过Filter,可以实现对用户访问的请求和响应进行拦截。它的过滤作用体现在两个方面:(1)在一个request到达servlet之前处理request,达到改变request的目的;(2)在response离开servlet时处理response,达到修改response的目的。一、Filter的方法:1)创原创 2015-09-30 22:24:22 · 871 阅读 · 11 评论 -
【EasyUi】页面设计必学之Layout
接触EasyUi也快一年了,很多时候都把重心放在实现功能方面,要显示大量数据了就用DataGrid,要实现分页效果了就想着Tabs,如此等等,再接下来就是考虑CSS、js如何让这个功能实现的更好。我很少去看其它“无关”功能的东西,每次总以没时间为由推迟对这些知识的了解、或者觉得这些东西太简单遇到了看帮助文档就成。然而一年了,我只用过粘贴过来的Layout,在自己设计页面的时候都是用margin代替原创 2015-08-20 19:45:42 · 3047 阅读 · 13 评论 -
IIS配置WCF服务
WCF发布服务有两种方式:VS发布,主要给自己用;IIS发布,给别人用原创 2015-08-19 12:21:13 · 2148 阅读 · 16 评论 -
LINQ小结
LINQ英文全称是“Language-IntegratedQuery”,中文为“语言集成查询”,它是一组 .NETFramework 扩展模块集合,内含语言集成查询、集合以及转换操作。它使用查询的本机语言语法来扩展 C# 和 VisualBasic,并提供利用这些功能的类库。微软从2003年开始启动LINQ的开发,在VisualStudio2008中开始加入LINQ功能。LINQ主原创 2015-03-06 21:48:12 · 1154 阅读 · 13 评论 -
【jQuery总结】jQuery属性
接触jQuery首先是从做项目开始的,当时只知道我们的项目里边用到了jquery、ajax等等,一听高大上的感觉,但是哪里用到了作用是什么并不清楚,直到看了jquery视频才恍然大悟:原来这就是jquery,我还一直以为那就是单纯的js呢!jQuery简介jQuery,即JavaScript和查询Query,它是继prototype之后又一个优秀的JavaScript库,它兼容多浏览器,核原创 2015-02-28 21:46:27 · 1122 阅读 · 8 评论 -
CSS的四个核心概念
CSS(Cascading Style Sheet)层叠样式表,又称级联样式表,是一组格式设置规则,用来进行网页风格设计。通过使用CSS样式设置页面的格式,可将页面的内容与表现形式分离。页面内容存放在HTML文档中,而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分,通常为文件头部分。将内容与表现形式分离,不仅可使维护站点的外观更加容易,而且还可以使HTML文档代码更加简练原创 2015-01-31 22:03:39 · 2069 阅读 · 6 评论 -
XML
XML(eXtensible Markup Language)可扩展标记语言,是一种类似HTML的标记语言,它被设计为具有自我描述性,主要作用是包含和传输数据。XML是W3C的推荐标准,它的标签没有被预定义,所以需要自行定义标签。基础: 声明:大多数XML文件以XML声明作为开始,它提供了文档的基本信息。 (其中version表示XML的版本,Encoding表示X原创 2014-12-31 22:05:40 · 1312 阅读 · 6 评论 -
HTML控件属性
对于HTML控件根据其在表单中的用途可分为HTML输入控件、HTML容器控件,由于各个HTML控件除了拥有大量相同的公共属性外,还有各自特有的属性,所以可以将这些属性分为三类:HTML控件共有的属性、HTML输入控件共有的属性和HTML容器控件共有的属性1.HTML控件共享的属性 在HTML中所有的控件都具有Attributes、Disabled、Style、TagName、V原创 2015-01-31 22:31:01 · 3555 阅读 · 8 评论 -
ASP.NET表单
HTML表单HTML代码标记是Web页的组成元素之一,其中所有的HTML代码都包含在和之间。HTML表单是在Web页中多个与之间定义的控件组,它用于让用户输入数据并提交给Web服务器进行处理。HTML表单在HTML中,为了能够获取用户提交的信息,需要使用由标记定义的表单,这个标记是一个容器控件,它不显示任何信息,只表示把与中定义的控件中输入的信息提交给Web服务器进行处理。HTML原创 2015-01-31 21:58:45 · 1444 阅读 · 5 评论 -
HTML小结
HTML(Hypertext Markup Language)超文本标记语言,是一种用于编写Web网页的标记语言。Web文档的结构和格式定义由HTML元素来完成,HTML元素是由单个或一对标签定义的包含范围。一.HTML元素的四种形式与框架格式1.四种形式(1)空元素:(2)带有属性的空元素:<hr color="blue">(3)带有内容的元素:http://www.su原创 2014-12-02 22:07:06 · 1316 阅读 · 11 评论 -
【HTML】文字效果
为了在网页中显示文字信息,设计html时,只要在中需要添加文字的地方输入文字就可以了,和我们在Word、记事本中的添加方式一样。同时,为了增加代码的可读性,还可以用添加必要的注释,这些注释信息不会显示在页面中。1.文字修饰在html文件中添加文字后,为了使网页更加的美观,还需要对文字添加一些效果。需要用到的一些标记如下标记原创 2015-04-30 20:04:29 · 3242 阅读 · 10 评论 -
【HTML】表格标记
设计网页时经常会用到表格来组织页面信息,它能将网页划分成任意多个矩形区域,每个区域可包含导航、文字、图像、动画等信息,设计者可将任意的网页元素放入其中。1. 表格的定义:1)在需要使用表格的地方插入成对的标记,就可以完成表格的插入。定义表格常用的标记有标签 说明原创 2015-04-30 20:20:51 · 7108 阅读 · 18 评论 -
javascript对象的应用
JavaScript脚本语言是一门基于面向对象的编程语言,支持一些预定义对象支持的简单对象模型。关于面向对象,在学习C#、C++的时候我们都了解过,所以对于JavaScript对象理解起来也比较容易。由于我们主要用JavaScript来设计网页,接下来就结合浏览器的内部对象来一起学习下1.浏览器内部对象 浏览器可以与HTML文档实现交互,它将相关元素进行了封装。浏览器提供的内部对象主要有Navigator对象、Window对象、Location对象、History对象、Document对原创 2015-04-30 21:09:56 · 1215 阅读 · 22 评论 -
JSON是什么?
JSON(JavaScript Object Natation)JS对象表示法,从属于JS(JavaScript),是一种基于文本、独立于语言的轻量级数据交换格式。它经常被拿来和XML作比较,比较方面一般有: 可读性——不相上下,XML的标签形式规范,JSON语法简易 可扩展性——二者的扩展性都很好,不过JSON可存储JS复合对象,XML就无缘了原创 2015-08-31 22:17:46 · 1515 阅读 · 23 评论 -
【EasyUi DataGrid】动态加载列
动态加载列可以说是一个从无到有的过程,如果只是网页上的DataGrid实现那就太无味了,有趣的在这里,这个页面上连带着一大堆的数据库表的查询修改,尤其是做着做着发现数据表设计有缺陷,需要的数据竟然只有出口没有入口,想想也是醉了,对业务不熟悉真心的杀不起啊。这个其实蛮好玩的,就像玩捉迷藏藏得那个人叫做nothing,再后来我又遇到了Multiple-births(多胞胎),一个页面上涉及到了六七张数原创 2015-07-31 17:16:38 · 11405 阅读 · 21 评论 -
【EasyUi DataGrid】批量修改提交
在实际操作中,批量修改的例子有很多,最常用的一种便是“假批量修改”,即修改一行后,当点击其它行时就把这行修改后的数据提交,拥有保存功能的“保存”按钮,说到底就是为我们修改的最后一行准备的(例如:Navicat对数据库表的操作),这样的用户体验度不错,因为感觉上像是点击了保存按钮才让它们都提交似的,同时也避免了因为刷新网页断网等等意外引起的数据丢失。这样的做法等同于把要修改的一行重新装载到一个弹出页原创 2015-07-31 15:05:08 · 7895 阅读 · 13 评论 -
【EasyUi DataGrid】批量删除
DataGrid是我们做网页常用到的组件之一,对它的操作也无非是增删改查操作。单条数据的增删改相对来说比较简单,增加、修改可以直接在DataGrid中进行,也可以用弹出框的形式把数据装载在文本框等各种控件中呈现给用户,让用户自动填写或修改,删除的事稍后再说,个人认为“查”是最难的,因为它涉及到了表格的各种加载问题等等,如果你觉得这是危言耸听,那就我的期待后续博客吧! 不知道上边在说原创 2015-07-30 12:35:00 · 9170 阅读 · 21 评论 -
Cookie的使用
Cookie是Web服务器保存在用户计算机上的文本文件的小块用户信息,每当用户访问Web服务器时,保存在用户计算机上的相关Cookie由客户端读取到服务器端,服务器端根据Cookie信息为用户制定服务。同时Cookie是浏览器提供的一种机制,它将document对象的cookie属性提供给JavaScript,可以由JavaScript对其进行控制。一、Cookie概述原创 2015-06-29 22:13:29 · 1691 阅读 · 14 评论 -
【javascript】DOM小结
DOM(Document ObjectModel)文档对象模型,描述了一个层次化的节点数。D(文档)为网页文档;O(对象)为window对象之类的,可调用其属性和方法;M(模型)为网页文档的树形结构。DOM定义了HTML元素的对象和属性,以及访问它们的方法,即DOM可对HTML元素进行获取、修改、添加以及删除操作。1.DOM节点 DOM把标签当作节点,将网页理解为由节点组成的原创 2015-05-31 22:00:11 · 1153 阅读 · 16 评论