
html/div+css/JS/Ajax/jsp/Flex
shierqu
这个作者很懒,什么都没留下…
展开
-
初识html
html可以说是浏览器的母语,我们所看到的网页内容就是浏览器对html解释的结果。html的整体结构如下: /*这里写标题类的东西,如我们在浏览器上的每个页面标签的名字*/原创 2010-03-13 08:30:00 · 851 阅读 · 0 评论 -
Html标签页的实现说明及结合JS基于对象特性的实现对比
最近*海*原有系统需要进行改进,可能会将Flex改为Flex与jsp相结合的方式,好发挥两者的优势。这两天在做html页面,页面内容主要展现在标签页中,其基础效果图如下所示: 为增强用户对标签页的体验效果,增加鼠标滑过时标签背景色更滑,选中某个标签后该标签应与标签内容形成一体等功能效果。标签页的标签可以使用列表来实现,标签页内容部分使用DIV来划分,此处仅显示DIV左右下三边原创 2012-02-13 14:12:38 · 3064 阅读 · 9 评论 -
简单JSF举例来介绍JSF应用及此MVC框架的一点好处
本文简单介绍了下JSF,同时利用一个小例子介绍了JSF项目开发过程,从中体会着此MVC框架给开发带来的好处。期间也简单说明了下与struts的一点点区别。 JSF(javaServer Faces)是符合J2EE5标准的web端框架。JSF提供标准的编程接口、事件驱动模型、丰富的可扩展的组件库:包括一个核心的JSP标记库用来处理事件、执行验证及其他非UI相关的操作,即core标签库;和一个标准的H原创 2012-04-29 00:35:04 · 3231 阅读 · 4 评论 -
Flex项目与SSH项目整合问题记录
开发项目重用是很重要的开发手段,正直开发一个SSH项目,其中有一功能可重用之前的整个Flex项目(通过BlazeDS与java端交互,所需服务和servlet等有spring和springMVC来管控)。其实Flex项目同其他项目整合原理很简单,就相当于在其他项目中嵌入flash,不过此处还要考虑通过BlazeDS同java端通信的问题。下面简述下由Flex项目向SSH项目进行整合时所遇到的问题描原创 2012-04-29 02:17:12 · 4003 阅读 · 14 评论 -
SSH项目向Flex项目整合过程概要
结合上次对SSH项目与Flex项目集成的问题记录,可以了解这两个项目的大体情况。在《Flex项目与SSH项目整合问题记录 》中主要是针对Flex向SSH中进行整合,此文描述的情况为SSH项目向Flex项目整合,此整合过程并不需要太多修改Flex端的内容。 将两个项目整合在一起主要包含两部分: 一、将两项目转移到同一个项目下。1. 将SSH项目各个文件(java类,jsp页面,js文件等等)拷贝到F原创 2012-05-15 23:54:11 · 1775 阅读 · 8 评论 -
Flex与java进行socket通信完成以断点续传方式的文件上传
简单的文件上传是将整个文件在一起此请求中将文件上传至服务器中,而对户外作业平台而言,网络的稳定性是一个问题,加之平台的大文件性,故而在该平台中采用断点续传方式来上传文件较为合适。断点续传简单来讲,客户端与服务器端通信,了解到已传输文件的大小后,而后在按照一定的文件块大小对剩余未传输的文件进行分块传输,服务器端则将这些块文件一点点写入到同一个文件中,从而形成一个完成文件,达到断点续传的目的。客户端逻原创 2012-05-20 23:37:15 · 4868 阅读 · 10 评论 -
结合flex socket以递归方式实现多文件断点上传文件
在《Flex与java进行socket通信完成以断点续传方式上传文件》中所实现的文件断点上传一次仅能上传一个文件,而flex自身不支持多线程,无法进行对多个文件开启多个线程进行socket文件传输,即不能循环文件数组来创建多个socket通信,令每个socket传输一个文件,这样做仅能上传一个有问题的文件。但我们可以采用递归方式来达到上传多文件的目的,这个过程类似于异步线程了。 建立socket通原创 2012-05-25 09:15:36 · 2346 阅读 · 8 评论 -
textarea自动适应内容大小
不同客户对相同功能的展现效果是有所不同的,拿文本内容的显示来讲,过多的内容可以有多种办法解决掉,可以在内容超过一定范围后出现滚动条,也可以随着内容的增多不断增加控件大小。本文简单展示textarea标签随内容增多不断增高。效果如下图所示:原理很简单:textarea预先制定有行数和列数(以rows和cols来计算),当我们输入内容或者加载带显示内容时,判断其总行数,然后根据textarea本身的列原创 2012-06-17 00:03:06 · 4598 阅读 · 9 评论 -
debug--仔细观察合理猜想调试Flex进度条问题
在调试部门建议的附件下载功能时,发现进度条永远呈现的是0%。而此项目的这块功能属于后期维护时客户新添加的功能,原项目开发人员已经不在现有项目团队中了。经过跟踪发现项目多处附件下载是调用的同一处Flex下载组件,而唯有这个部门建议功能的附件下载是有问题的。 对项目进行功能性测试中发现上述问题,效果见下图:由于项目所用的下载组件是同一个,而其他的下载过程很正常,故而该问题应该出现在三个地方:附件大小的原创 2012-06-30 22:46:09 · 1414 阅读 · 5 评论 -
debug--Flex图片加载不成功,缺少远程团队与本地团队的协调
远程支持建设部新需求的团队可能是由于项目紧张,而后期测试跟不上,而项目到我所在的在京团队中做环境支持部署后,功能性测试时发现,首页门户新闻图片无法加载。推测其原因很简单,同上面附件下载有问题很类似,要么是上传出问题,要么是读取图片问题,查找日志发现问题出现在图片的上传和读取都会产生问题,而根本原因在于图片是存储在本地的,而不是以document形式保存在FileNet上,并且上传和读取时都无法找到原创 2012-06-30 23:18:33 · 1496 阅读 · 8 评论 -
使用Javascript和prototype.js框架创建类型及其相关的prototype属性的简单介绍
Javascript中创建对象可归纳为三种方式:工厂函数、构造函数和原型方式。工厂函数方式利用javascript基础类Object,对Object的一个实例增加相应的属性和方法以达到新类型所期望的结果。如下代码展示了类型NewClassType1含有一个属性attribute1。 //工厂函数方式,返回特定类型的对象实例 functionNewClassType1(){原创 2012-10-18 14:12:27 · 1876 阅读 · 8 评论 -
Flex 的验证控件及其在动态生成页面情况下的使用
Flex的mx.validators包中包含了用于数据验证的类。在这里提供了字符串验证类、日期验证类、数字验证类、邮箱验证类、电话号码验证类以及正则表达式验证类等等。利用它可以较方便实现Flex前段验证。在表单中事先建立一个Validator数组,存储验证各类信息的验证类,而后将这些验证类分别指定到要验证的控件上,其后调用所有验证类的基类Validator的validateAll方法验证所有控件信原创 2012-11-30 23:53:24 · 1600 阅读 · 2 评论 -
jsp嵌入flex后,操作flex功能时禁用鼠标在页面的点击
Flex 的ActionScript和javaScript是可以通过Flex提供的ExternalInterface类进行交互的。在类似portal项目中嵌入flex展现的内容,而期间在操作文档过程可能需要消耗较长时间,而在此期间期望客户静心等待片刻,故而需要禁掉菜单,组织其进入其他模块。故而可以利用ExternalInterface的call方法来禁掉鼠标的单击事件。 在html-tem原创 2013-01-31 23:08:28 · 1801 阅读 · 2 评论 -
jqPlot的options说明
jqPlot是一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。其使用也较为简单,引入其所依赖的jquery.js,之后jqplot自己的js包,其包括很多插件,可根据不同情形进行选择。其API如下所示。$.jqplot('chart', dataSeries, optionsObj);从中可以看出生成图表只需要设置三个参数,参数一图表显示的位原创 2013-02-28 23:40:15 · 2446 阅读 · 2 评论 -
Flex progressBar在同一上传功能页面下多次上传中的使用
Flex progressBar为用户提供一个可视化进度提示,例如在上传文档或者下载文档时显示相关进度。progressBar除了可以手动设置相关进度(其mode为manual)外,还可以利用事件触发时时改变相关进度。在利用FileReference(或FileReferenceList)进行上传文档时,往往会使用progressBar来监听进度。通常这块使用一个弹出界面,当下次上传文档时,再创建原创 2013-03-17 22:17:24 · 1905 阅读 · 4 评论 -
jQuery选择器简析
1.基本选择器:1>#id =>id选择器2>element =>标签选择器3>.class =>类选择器4>* =>选择所有元素5>selector1,selector2 =>多条件选择器(例如:$("div,span,.myclass")表示选择了所有的div标签,span标签以及类样式为myclass的元素) 2.层次选择器:1>selector1 selector2 =>获取selecto原创 2013-03-31 22:02:05 · 1562 阅读 · 3 评论 -
jQuery Frontier Calendar简介
jQuery Frontier Calendar是一个可灵活定制的月日历jQuery插件,同时利用了jquery.qtip和colorpicker.js。它看起来类似于Google Calendar。当在一个日期单元格中有比较多的待办事项 时,将出现一个更多的链接,点击这个链接会弹一个jQuery模式对话框来显示所有的事务。这个日历还支持通过CSS文件改变整个日历的背景。 其使用较为方便,首先引入原创 2013-03-31 22:30:50 · 4636 阅读 · 3 评论 -
在ArrayCollection和DataGrid代码例举下展示的Flex控件、数据结构乃至flex语言存在的衍生性和关联性
本文简单讲述了DataGrid等控件在利用labelField\labelFunction等属性进行功能性扩展和展示了使用Array、ArrayList、ArrayCollection等数据结构作为数据效果及及其在mxml和ActionScript中的表现形式和它们的衍生功能增强性关系,意在概要说明控件间、数据类型间乃至mxml和ActionScript间存在某种有律可寻的学习和使用方式。原创 2012-01-08 23:43:55 · 3829 阅读 · 11 评论 -
在Flex中简单实现 dataGrid结合CheckBox使项目可选、全选、反选
对用户来讲,软件的功能性之外还要求其易用习惯性。非专业用户习惯了用鼠标点而不大适应键盘+鼠标。Flex的DataGrid虽然可以允许用户多选项目,但是这个多选需要结合Ctrl或Shift键来完成。而我们去网上浏览下歌曲网站在选择多首歌曲的过程就知道用户更喜欢那种方式了。 本文简单实现在DataGrid中结合CheckBox完成对项目的选择、全选和反选功能。但它并不十分适合组件化,原创 2011-11-08 00:24:19 · 4562 阅读 · 7 评论 -
简单实现对flex dataGrid一列在某些行可编辑,在另一些行不可编辑
Flex的dataGrid控件本身具备指定某列可编辑的功能,但在实际需求中往往要求对整列单元格并不全部可编辑。Flex dataGrid自身并未提供这样的接口,但是我们可以通过和双向绑定来简单实现这一过程。下面代码展示了对小王的年龄可编辑,对小李的年龄不可编辑,同时通过ok键来反馈小李编辑后的年龄。DataGridWithSomeEdit.mxml:<mx:DataGrid xmlns原创 2011-11-04 23:23:20 · 3260 阅读 · 5 评论 -
CSS入门
起初的HTML的设计只是定义文档内容用,而对于文档布局则由浏览器来完成。后来由于浏览器服务商不断地将新的规范中,使得创建文档内HTML标签添加到HTML容清新独立于表现层的站点越来越复杂。为了解决这个问题,万维网联盟(W3C),肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出样式(Style)。主流浏览器都支持层叠样式表CSS,它能够使我们有能力改变站点中所有页面原创 2010-03-13 17:33:00 · 795 阅读 · 2 评论 -
CSS的主要属性
CSS 背景属性(Background)属性描述CSSbackground在一个声明中设置所有的背景属性。1background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。1background-color转载 2010-03-13 20:15:00 · 1186 阅读 · 1 评论 -
网页发布到互联网尝试
这两天分别学习了下HTML和CSS,虽没有制作精美的网页但将入门的元素和属性都用了下。并尝试发布到互联网上。 我在《中国互联》申请了个可以免费使用4天的服务器,网址:http://www.163ns.com/err.asp 在本网站可以设置下自己的首页的名称是哪种类型,方便传我们的网页。我使用的FTP上传工具是FileZilla是一款免费的,地址:http://原创 2010-03-13 20:36:00 · 818 阅读 · 1 评论 -
html读书笔记
1 HTML是超文本标记语言,是浏览器的"母语",我们所看到的网页就是浏览器对HTML进行解释的结果。而XHTML是可扩展超文本标记语言,是一种新的更加结构良好的HTML语言。 2、HTML主要是各种各样的元素,学习HTML就是学习使用这些元素。 3、元素一般有首标签、内容、尾标签组成。但也有例外,有些元素没有尾标签,它们成为空元素,这些元素与具体的文本内容无关。原创 2010-03-13 09:31:00 · 1199 阅读 · 10 评论 -
知识不只是要在学习的时候用,更应融入平时的活动中——新闻发布系统实现安排所思
这几天打算代码实现下牛腩新闻发布系统中网页制作和整合的部分。前面的代码不先做的原因,一方面是前面的内容较熟悉,可以不用急着整体重复;另一方面的原因是相比同学们的编程进度,我慢了许多,想在开后续课程之前对新内容熟习下(观点,步伐不能始终慢人一步,在不过分影响对后续课程理解的前提下,可以有个断茬,重要的是不能一慢再慢……) 这样的安排下,尝试使用了下不同语言编写的类在dot net下原创 2010-04-07 11:42:00 · 1160 阅读 · 6 评论 -
Ajax技术概要复习及使用Ajax调用jsp或servlet进行异步验证
在注册用户等情况下会需要Ajax进行异步验证用户是否存在,而这个验证信息在JAVA中可以放到JSP中,也可以放到servlet类中,而两者的差异就如果我们使用jsp和servlet做web应用的差异是相同的。由此也体现了jsp和servlet的关系,在《Servlet和JSP的关系以及此关系在Tomcat中的体现》有所阐述!在简单呈现和比对各自实现的代码前先对AJAX的技术知识做个复习小结! Ajax的主干内容如下所示: 使用Ajax的主要过程包括1、创建XMLHttpRequest对象,2、设置回原创 2011-02-13 12:45:00 · 2174 阅读 · 5 评论 -
Java EE 与XML相关技术开个头
编程以来,似乎除了VB时期外,.net和java时期都与XML有着至关重要的关系。.net中无论是做C/S ,还是做B/S都至少与一个*.config的文件有联系,其实质就是XML文件。到了java时期对web.xml文件就更是不可忽视了。一方面.net像是一个产品,很多细节不需要自己手动配置了,但java更像是一组标准,各类操作和技术的集成化程度不高,不只是培养编程笨蛋;另一方面java的灵活性就决定了XML的地位。 拿到java web中的web.xml文件后对比.net的web.co原创 2011-03-19 15:48:00 · 1202 阅读 · 5 评论 -
Javascript和CSS浏览器兼容总结
转自:http://topic.youkuaiyun.com/u/20110708/09/113A8425-006B-4C8D-9F9D-101010D1393D.html这是我总结多年的一个小文档,主要内容是Javascript和CSS浏览器兼容总结,最近看见有人咨询浏览器兼容的问题,就贡转载 2011-07-16 08:47:29 · 873 阅读 · 1 评论 -
使用自己定义的DataTable作为GridView 的数据源,并使用Gridview的update命令按钮
往常使用GridView显示数据时数据源是执行SQL语句返回的数据表。其实将自己定义的DataTable类型作为GridView的数据源是和上面那种情况是一样。昨天发现我的设计很不合里,但碍于成型的设计和代码,对课程工作量标准的设定和修改只作了少许的变化。其一是使用GridView来显示数据。对于课程工作量标准,每个学校是要有四条记录的。使用GridView的目的之一便是允许用户使用GridV原创 2010-07-31 22:49:00 · 1903 阅读 · 3 评论 -
Dreamweaver 与.net配合使用开发网站
这几天我们组编写了下《教务相关系统》的页面,我也看了看争光给的Dreamweaver教程。结合我们组的编程情况,简要谈下Dreamweaver与.net配合开发网页。首先谈下这个视频的内容。这段视频可以说是对Dreamweaver的一个初步认识与基本操作的教程。内容不多,但不看却不知道,靠自己发现,会有些耽误时间。再有就是在Dreamweaver教程里提到了层的概念和用法,至于css,原创 2010-04-30 08:50:00 · 1203 阅读 · 3 评论 -
两个ListBox中的itme相互转移过程中的一个问题
我们知道要是实现ListBox1中的项目向ListBox2中转移,其实现过程是很易想象。就是将Listbox2中添加ListBox1中选定的项,然后在将ListBox1中的项删除就可以了。不过实现过程中,我的界面出现了下面的情况,在单击选择则会报不许选择多项的问题。 下面是两种实现的不同代码。protected void ImgbtnReturn_Click1(object sen原创 2010-07-31 17:59:00 · 1401 阅读 · 2 评论 -
GridView实现删除时确认,更新时对输入数据进行验证
对GridView控件中删除按钮添加确认提示时,其方法类似于向Button中添加客户端验证方法。不过为了可操作性要将这个字段转化为模板。转化为模板后,其标签中是一个LinkButton控件,我们就是要在这个控件上添加方法。如下所示。//为删除按钮添加提示 protected void gvJobtitle_RowCreated(object sender,Gri原创 2010-08-07 21:06:00 · 1685 阅读 · 1 评论 -
ASP.NET中服务器控件Button调用javascript代码运用正则表达式验证TextBox中输入的是否为正整数或正小数,符合要求则继续运行服务器端代码功能的实现
Aspx界面代码对javascript函数的实现:scriptlanguage="javascript"type="text/javascript"> var inputNum = "0"; function isNum() {//判断输入的补助金是否是数字 var txt = document原创 2010-08-06 11:49:00 · 2259 阅读 · 2 评论 -
使用自定义站点地图提供程序控制ASP.NET的菜单
ASP.NET提供的站点地图为我们建立导航栏和菜单提供了极大的方便。此外我们还可以建立自己的站点地图提供程序,从而使我们的菜单项可控。 先来了解下menu等导航控件与站点地图的关系。我们在ASP .NET项目中所建立的web.siteMap其实就是一个遵循一定规范的xml文件,我们叫它站点地图文件。Dot net为我们定义了站点地图提供程序。这个站点地图提供程序所完成的原创 2010-05-11 08:31:00 · 1446 阅读 · 9 评论 -
站点地图在ASP.NET网页中的导航作用
在ASP.NET2.0中,为我们提供了两种新功能,方便我们制作共同特征一致的页面和导航。这两种功能是母板页和网站导航。对于母板页大家很清楚了,不过在做母板页时,经常需要添加导航栏,对于此asp.net 2.0 使我们的工作大为简化。这便是站点地图的使用。 顾名思义,站点地图就是在站点中引导我们去想去网页的地图。它是由节点和子节点等构成的。示意图如下: 添加站点地原创 2010-05-02 08:15:00 · 1969 阅读 · 2 评论 -
使用Flex与java简单访问在Axis上即时发布型的WebService服务
在异构系统中常常会使用到WebService,从其本身的含义上其更多展现的是一种标准。既然是标准,就像java世界的其他框架一样,其产品并不是唯一的。WebService的实现框架包括Axis,Axis2,XXFie,CXF等等。本文不进行深入探讨WebService,仅举一简单例子,让大家一方面对WebService有个简单认识,另一方面在Flex和Java客户端进行简单访问WebService原创 2011-11-16 22:43:39 · 1424 阅读 · 3 评论 -
prototype.js 和 jQuery.js ajax 调用
项目模块扩展团队不同,采用框架不同,前台有prototype转为jQuery,下示记录ajax调用区分<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>Insert title here function cal原创 2013-03-31 21:45:05 · 1749 阅读 · 3 评论