猫猫的园地

        历经一个月的奋战，我的第一个网站系统终于完成了，总算是舒了一口气。这是一个基于asp.net+Access的网站，大家可以到sh.mm-share.cn看看演示效果。（现在已经正式投入使用，大家可以到这里去围观：http://www.jiuweitang.com/，九味堂）

        这是一个以书画为主题的网站，主要包含文章管理和图片管理两大模块，同时拥有评论功能。虽说看起来很简单，但是无论是从数据库设计还是程序编码甚至到界面设计都是自己一步一步原创的。

        为了做好这个网站，我花费了大量时间学习了asp.net、vs2005的使用、JavaScript、CSS+DIV，而且研究了一些其他网站，学习了他们在整个架构上的特点（甚至途中还研究了大型网站的变迁，虽然没用的上）。

        看似简单的问题，时间上实施中有许多问题，下面我就介绍一下实施过程。

        首先是如何设计。在我看来，至少分为前台和后台两方面，而二者无非围绕着数据库进行读写操作，所以说数据库是核心，首先进行的就是数据库设计。

        数据库设计首先涉及到数据库产品的选择，由于是小型网站，所以我选择了ACCESS，不过在开发中我发现，asp.net为数据库访问提供了统一的接口，所以，我可以很容易把数据库迁移到SQL SERVER或其他数据库产品上。

        接下来是数据库模式设计。首先了解网站要实现的功能，从现实世界抽象出其概念模型，然后转换到数据库的逻辑模型。我用了常见的ER图进行表示：

        有了ER图，就可以设计数据库了。数据设计牵涉到范式和完整性约束，对于范式一般达到第3范式。完整性约束是我后来发现必须添加的。因为一篇文章被删除了，它的所有评论应该也被删除，而且对于文章来说，它的类别只能来自于分类中已有的。所以形成了如下的参照完整性：（以新闻系统为例）。其中∞表示外码，1表示被参照的主码。

        数据库设计完成以后，我就开始着手后台设计。之所以后台先于前台，是因为：1.只有后台确定了实现的功能，前台才可以展示；2.后台更多的在于“写”数据库，前天更多的在于“读”数据库，后台的设计要更加复杂；3.后台的界面要求要弱于前台，做起来更方便。

        后台设计了诸多模块，而且在设计的过程中要考虑身份验证、操作合法性验证，我使用了session。另外在设计是，设计到数据库操作，写SQL语句时，还会出现SQL语句实现，例如sql语句中含有单引号，则会被当做sql语句的单引号而改变整个sql语句的意思，因此要预处理这些情况，更为严重的还有SQL注入等等，要想做到安全、有效必须多加防范，不过网上已经给出了许多常用的解决方案。

        用户操作上的考虑。后台我使用了比较常见的侧边栏导航，使得操作分类明确。 

         支持分页。刚开始并没有考虑到这个问题，但是后来发现如果列表越来越长，那么就很难显示，这让我想到了分页，如下图：        

        高亮显示。我发现，选定一行操作时，由于距离远，常常会“眼花”，所以我加了鼠标悬停时，高亮显示，也如下图。 

        其他的还有，删除等操作给予二次确认等等。

        统一的风格，网站作为一个整体，必须为用户提供一个统一的视觉风格以及操作方法。诸如提供统一的演示主题、导航菜单、网页布局等待。如果一个网站不同的页面总是变来变去，那么会让用户有一种不知所措的感觉。为了保持统一性，可以使用模板，比如VS2005中可以通过母版页，这样不仅容易控制主题，而且更新起来比较方便。

        由于是动态网站，所以设计上不如静态来的方便。vs的设计不如Dreamweaver，所以，我先用Dreamweaver设计了一个纯静态页面，然后在转到vs里面，替换成动态，添加逻辑功能。

推荐参考

W3SCHOOL网站，严重推荐，一个非常非常好的学习网站，系统的介绍了各种WEB技术。

《ASP.NET基础教程—C＃案例版》，虽然叫基础教程，实际上不基础，书中并没有讲语法，也没有专门讲控件的使用。不过对理解asp.net的工作过程很有帮助。

《亲密接触ASP.Net》，适合学习c#语法和控件。