基于标准的web项目开发模式探索

web|标准|项目

本文讨论的是如果开发一个符合w3c标准的web站点,重点探讨在新的设计与开发模式下,web项目组中的美工/页面制作人员/后台程序员三者之间如何有效地配合。为了便于阅读,制作了一个微缩型的项目。大家可以先预览一下 最终效果 。

本文适合于对web标准已经有了初步了解的同行共同研究。对此感兴趣的朋友欢迎在博客里发表您的评论。

项目内容:首页上的一个新闻列表

项目人员:网站美工一名/页面制作人员一名/程序员一名。(有很多人是三者合一的,哈哈。)

美工主要负责出效果图,截图。如下图:

然后对该图进行提取,得到相应的背景图片,见项目img文件夹。

程序员的工作有几下几点:

  • 根据需求设计网站数据库结构。
  • 定义底层相应的对象,如:user/news等等。
  • 定义数据访问层,包括访问数据库、编写存储过程等。
  • 提供表现层读取数据的方法供调用。

我这里定义的程序员几乎可以不了解html代码/javascript脚本/css样式。相对比较独立。项目中的程序员工作部分被我简化了,想了解的朋友可参考vs.Net2003中自带的几个例子,分层做得很有借鉴价值。

页面制作人员的工作:(PS:我给页面制作人员的定义可能有些超纲了。)

一:对美工的效果图进行初步的页面实现,如根据上边的效果图,初步可写成以下代码:

<h4>八卦新闻</h4>
<ul>
<li>大学生为啥争当农民</li>
<li>TVB制造8大极品女明星</li>
<li>上流社会秘密旅馆的真相</li>
<li>大学生洗鸳鸯浴被曝光</li>
<li>男明星性感阳刚露点</li>
<li>明星挖鼻抠脚丑态</li>
<li>陈好是怎样变成美女的</li>
<li>X光揭秘魔术师"吞剑"</li>
<li>西安一村“喝尿”强身</lil>
<li>汪明荃青春惊艳旧照片 </li>
</ul>

二:将需要动态生成的部分换成程序员提供的相应接口,如例子中的代码为:

<ul>
<%
Call LoadTopNews()
%>
</ul>

如果程序员对html代码不熟悉,表现层的很多程序代码也应该由页面制作人员来实现,如上边的LoadTopNews()中涉及到了html代码,此部分如页面制作人员完成不了,也应该与程序员共同协商。根据页面制作人员的需要写出相应的程序代码。

三:CSS的页面效果实现。详见项目中的css/Style.css。(略)

四:Javascript脚本的编写。本例子中仅设计了新闻的折叠显示功能,详见项目中js/common.js。(略)

写得有点粗糙,欢迎同行一起探讨!

时间: 2025-01-27 03:59:44

基于标准的web项目开发模式探索的相关文章

在基于MVC的Web项目中使用Web API和直接连接两种方式混合式接入

在我之前介绍的混合式开发框架中,其界面是基于Winform的实现方式,后台使用Web API.WCF服务以及直接连接数据库的几种方式混合式接入,在Web项目中我们也可以采用这种方式实现混合式的接入方式,虽然Web API或者WCF方式的调用,相对直接连接数据库方式,响应效率上略差一些,不过扩展性强,也可以调动更多的设备接入,包括移动应用接入,网站接入,Winfrom客户端接入,这样可以使得服务逻辑相对独立,负责提供接口即可.这种方式中最有代表性的就是当前Web API的广泛应用,促进了各个接入端

基于OSGI的WEB项目如何加载制定文件夹jsp文件运行

问题描述 现在手上开发的一个项目是基于OSGI的web项目,运行期会把模块打成jar包放在一般web工程下面去运行,运行环境暂订tomcat. 现在出现的问题如下:项目中有一个模块会生成一些文件到指定文件夹中(运行期为文件服务器),生成的文件包括js,jsp,css文件,其中js会到模块中去做请求后台数据,并且生成的文件会用到模块中的js或css样式.请问如何才能将生成的文件加载到tomcat中运行. 解决方案 可以参考一下这个:http://www.enet.com.cn/article/20

在Web项目开发中使用BasePage类的巧用(继承System.Web.UI.Page)

web|继承|项目 在web项目开发,我们基本每页都要与数据库连接,是不是每页都要实例化数据库对象呢?当然不用,只要我们写一个继承Page类的类就可以了.只要我们每个CodeBehind页面都继承这个类,就直接可以调用此类的属性了.以此类推,我们还可以加入一些项目中经常要用到的功能. 以C#为例,列出代码. using System; using System.Diagnostics; using System.Web; using DbLayer ; using System.Web.UI.W

用基于lucene的web项目实现的简单的搜索引擎,出现线程抛出的空指针异

问题描述 用基于lucene的web项目实现的简单的搜索引擎,出现线程抛出的空指针异 解决方案 没有源代码没法看啊,ifIndexExist,索引不存在?你在搜索之前没有建立相关索引? 贴代码出来看看. 解决方案二: 你需要先建立索引. 你看看这个对你有帮助么 http://blog.csdn.net/sushengmiyan/article/details/7436057 解决方案三: 不好意思 ,帮不上你的忙 了,想了好久还是想不出

目前Java Web项目开发主要用到那些技术?

问题描述 目前JavaWeb项目开发主要用到那些技术,请各路高手指点 解决方案 解决方案二:struts2springhibernate.springMVC

基于struts的web应用开发总结(二)

一:打开模态框时showModual()方法并没有提供打开的窗体的title的参数,title要写在打开的模态框的jsp页面的<head></head>的内. 且要把<TITLE></TITLE>标签放在<HEAD></HEAD>中的最上边. 分析: 1 模式窗口比较特殊,所以对于title的位置比较敏感. 2 title标签本来就应该放在<HEAD></HEAD>中的最上边, 只不过普通的 窗口允许或者忽略了

基于xfire的web service开发例子

1. 开发服务接口 package com.yanek.demo.webservice; public interface IHelloWorldService {        public String sayHello(String name);        public String[] getUsers();    public User[] getUserList();    } 2. 开发开发服务接口实现类 package com.yanek.demo.webservice; p

基于struts的web应用开发总结(一)

以前经常写的代码,过一了段时间再写发现了一些问题,说明了自己对代码的理解不够.总结如下: 一: 编辑某一条记录,点击"编辑"按钮,当打开的是一个新的页面(如模态框)时,想到记录的ID传到打开的页面去.因为打开的页面与原来操作的页面不是同一个window,所以当执行点击"编辑"按钮操作时,没办法把值赋给打开的页面的元素(如隐藏元素).如: $("PHONE_LIST_ID").value = phone_list_id//这种作法是不行的,取不到$

基于后处理模式与传统B/S开发模式的总结

问题描述 本文对JavaB/S开发模式做一个总结,对JSP+JDBC.JSP+JavaBean以及基于MVCFramework等JavaB/S开发模式的发展做一些回顾和思考,从而更好的理解和使用SimpleFramework.B/S作为如今最为流行的体系结构模式,也是受到了广大开发人员以及客户的认同,其开发模式也在不断的发展着,在这里主要就JavaB/S的开发模式做一番回顾和探讨,也算是自己对于JavaB/S开发模式的一种总结.JSP+JDBC在JavaB/S开发模式中最简单的一种开发模式是页面