web前端项目经验怎么写

2020-04-11 02:07:48

web前端项目经验怎么写

1.鸠祛哂俭项目开发流程:从确认需求开始,到原型设计,再到原型测试,这些都没什么说的了,主要是刚开始开发前端JSP页面时,自盘儡猸瑟己走了很多弯路,想到有什么页面就写什么页面,GET和POST的路径也是随心所欲,想到什么名字就起什么名字,结果发现这样做严重影响了项目开发的进度,后来经过主管的提点后,我幡然醒悟,其实,面向对象的思想就贯穿在整个项目当中,在前面的原型设计的过程中,除了页面的设计还有数据库的设计,数据库的每个表就对应着Java中的每个实体类,这个类封装了数据库中的列作为属性,封装了数据库的增删改查作为方法,就拿这个投稿系统为例,实体主要有用户、稿件等等,实体间还有着一对一映射或者一对多映射等对应关系。其实,整个系统的开发就是围绕着这些个实体进行的,甚至于我们可以把实体名字做为二级目录,把实体的增删改查作为GET或POST的路径,譬如account/add、paper/等等,有了这些路径,那么与之对应的GET和POST的Controller也就有了,接下来我们要做的就是,定义Controller中返回的视图,写完Controller后再把与实体相关的增删改查方法写到服务层中,再把项目的整个骨架搭起来,再去处理细节,很快的,这个项目就成型了。这里前端和后台的配合尤为重要,数据交互是整个系统的核心。

2.JSP页面设计:提到JSP页面,在这里我想说的一点是,其实JSP页面是在服务器生成的,那么传给JSP页面的变量、参数都会在服务器转化为它们具体的值,然后再传给客户端。JSP页面可以实现很多服务器端的功能,因为可以直接在页面嵌入JAVA代码,但是我们必须明确的一点是,JSP页面主要是用来呈现视图的,不要再其中套入大量的代码,要明确前端与后台的分工。

3.JSTL标签:JSTL标签就是JSP standard taglib,即JSP标准标签库,首先,EL表达式可以非常方便的取出Controller返回的View包含的Model,甚至都无需声明EL表达式。其次,JSTL标签可以实现很多的逻辑控制功能,比如最基本的c:if判断、c:forEach循环,甚至有更强大的c:choose,有了这些,我们可以大大简化代码量,JSP页面中用几十行java写的代码,有时用几句JSTL标签组合就实现了,此外,像fmt:parseDate和fmt:formatDate也是很好用的标签,用于日期的解析和格式化,此外JSTL更有强大的函数标签库fn:,项目中我也只用到了fn:length取后台传的list的长度。要善用JSTL标签,但是又不要完全依赖于它,JSTL标签很方便、快捷,但是切记,JSTL功能有限,不要完全依赖于它。

4.shiro框架:shiro框架是apache的一款面向java web项目的权限控制框架,这个框架无论前端、后台都十分好用,在前端,我们可以使用shiro强大的标签库,通过用户角色赋予用户不同的访问权限。譬如,如果一个系统的用户有访客、用户、管理员三种角色,我们就可以通过shiro标签来控制游客不能访问哪些内容,页面向用户和管理员呈现的不同内容,这就是shiro标签的神奇之处。

5.sitemesh框架:这个主要是用来将所有页面套用固定格式,用以页面的复用,其实有些时候标签更为方便,而且sitemesh框架的内存开销是的二倍,还会导致拦截器出现一些莫名的bug,所以并不推荐使用。

6.jquer鲻戟缒男y:在这个项目中写了很多的jquery代码,发现jquery确实是个神奇的东西,jquery的神奇之处就在于jquery强大的选择器可溅局柑氍以方便的取到页面的DOM元素,并且给这些元素绑定不同的事件,提到绑定事件,说一下on、live和bind的区别:bind是jquery最早的绑定事件方法,on是jquery 1.7.0以后才有的方法,bind和on都不能将事件绑定给DOM加载完毕后后添加到页面的DOM元素,这时就需要live了。还有一个经常使用的就是jquery的ajax了,其实在做这个项目之前自己一直不理解ajax的作用机理,只是心里又个概念而已,但是,在真正使用的ajax之后,才发现ajax的强大之处,确实如AJAX自身描述一样,异步加载javascript,这就允许我们在不打开新页面的情况POST一些参数给后台,后台得到并处理这些参数后将JSON返回给前端,这个JSON的处理function就写在ajax的success处理function中。在这个项目JSON和AJAX最主要的应用就是翻页,加载一个页面,把页面传给后台然后把得到的JSON呈现给用户,翻页时重新POST参数,然后在用js重新处理一下翻页区域即可。

7.jquery.validate.js:这是一个轻量的jquery框架,主要用于表单的验证,非常方便。

8.twitter bootstrap.js:bootstrap自带的js框架,里面定义了许多与bootstrap样式相关联的函数,使用起来也很方便。

9.正则表达式:正则表达式的模式匹配是很强大的,灵活运用正则表达式,也会简化代码,甚至我们在查找替换时都可以使用正则表达式。

  • web前端项目经验怎么写
    web前端项目经验怎么写
    web前端项目经验怎么写1.项目开...
    2020-04-11 03:23:32
  • web前端视频教程,web前端学习路线图
    web前端视频教程,web前端学习路线图
    想学web前端的同学,刚开始学习,都不知道如何下手。小编就位大家整理了这套web前端视频...
    2020-04-11 02:00:08
  • WEB前端怎么入门
    WEB前端怎么入门
    ,jQuery是你更上一层楼的利器,也是我们前端er一大利器!Web前端学习小建议这里跟大家扯一扯学习<e...
    2020-04-11 02:15:16
  • web前端怎么学习?
    web前端怎么学习?
    web前端从入门到放弃,用代码将梦想照进现实!Editplus,Sublime遇到很多新手,都会问,如果要学习web...
    2020-04-11 03:18:46
  • 简历的项目经验怎么写
    简历的项目经验怎么写
    在日常生活中,我们总是不可避免地遇到一些小问题,那么,简历的项目经验怎么写呢?下面为大家...
    2020-04-11 01:51:27
  • Web前端开发怎么做?
    Web前端开发怎么做?
    及研发团队,自主研发了一套专业化、系统化、标准化、精细化、市场化的教学体系,将Web前端技术原理与最新实战项目</e...
    2020-04-11 01:29:35
  • web前端学习路线?
    web前端学习路线?
    前端呢,web前端学习路线?电脑(可上网)DW/sublime text 3/photoshop/记事本...
    2020-04-11 02:06:20
  • web前端与后端有什么区别
    web前端与后端有什么区别
    Web前端: 顾名思义是来做Web的前端的。我们这里所说的前端泛指<e...
    2020-04-11 02:58:38
  • web项目前端框架整理推荐
    web项目前端框架整理推荐
    本文将整理下我这几年来在普通的web项目,诸如网站,XXX管理系统等项目中使用的几个框架(或小工具,插件)...
    2020-04-11 01:12:26
  • 怎么回答web前端问题?
    怎么回答web前端问题?
    HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,那么怎么回答问题呢? XHTML元素必须被正确...
    2020-04-11 01:21:29
  • 怎么找有经验的程序员?

    怎么找有经验的程序员?

    教你如何找有经验的程序员上访问量比较大的58同城、赶集网、智联招聘等大门户网站查询,一定有你需要的程序员。或者也可以找猎头公司、人力资源公司,...
    2020-04-11 02:03:36
  • 你很特别

    你很特别

    绘本《你很特别》,真的很特别。是提醒父母内在成长很好的读本,父母成长了,才不会给孩子贴标签,无论是金星星还是灰点点。因为孩子不需要任何标签,他...
    2020-04-11 01:40:36
  • 如何让客户感觉到你很专业

    如何让客户感觉到你很专业

    让客户感到你很专业是我们在工作中经常遇到的问题,这个涉及到人的心理学,从个人形象、语言表达、思维逻辑、专业知识等方面去着手考虑。得体的服装,积...
    2020-04-11 01:40:17
  • 怎么样看一个女人是否有经验

    怎么样看一个女人是否有经验

    的时候插入感觉无困难,这种也是多次了,非常有经验了,要注意了。臀部很宽厚。这种宽厚不是指胖,大的问题,而且臀部的肌肉很有力,非常带劲,很宽,因...
    2020-04-11 02:43:36
  • 有经验的销售理论

    有经验的销售理论

    1打工是一个人为别人做点事情;生意是一个人做点事情;事业是一群人一起干一件一生都干不完的事情。2打工是很多人为个别人赚大钱;生意是一个人赚钱;事业是一群人共同实...
    2020-04-11 03:05:11
  • 有经验的恋爱之道

    有经验的恋爱之道

    分手后才知道的事情事情异地恋很辛苦,除非你们真的很相爱。爱是一种克制,用力过猛会失去让他心动的效果。恋爱之初担心过的问题最后会成为你们的阻碍。时间是最好的良药,...
    2020-04-11 01:36:04
  • 实习生有经验要分享

    实习生有经验要分享

    我是一名大学生,我有梦想,也很天真。在前行的路上,如老师的一句话:To young to simple.但是唯一不变的,是我的执着。因为想要参加一项实习计划,就...
    2020-04-11 02:55:01
  • 如何成为一名有经验的销售员

    如何成为一名有经验的销售员

    教你一个月从小白到大神的经验口才聪明在工厂时,客人抱怨价格太高时,我总是说一分钱一分货,以质量好来回复。进入贸易公司后,才知道价格才是硬道理,特别是大客人,对价...
    2020-04-11 02:54:45
  • 怎么找有经验的程序员?

    怎么找有经验的程序员?

    招聘是一个非常重要的事情,经常需要CEO都invovle进来,因为每进一个人对团队的影响都很重要,从工作上来讲,需要这个人不光能够满足本职工作,还需要能力全面,...
    2020-04-11 01:49:14
  • 企业为什么找有经验的展览设计公司

    企业为什么找有经验的展览设计公司

    现在越来越多的企业要举办展览,展览设计公司如雨后春笋般涌现,任何企业举办展览都希望取得更好的效果,所以在寻找一家展览设计公司时,我们必须找一家有经验</...
    2020-04-11 02:33:39