如何快速的学习并使用一门语言工作-4(原创)

一个web 系统都有些什么？有哪些元素组成，或者系统的基础架构是怎样的，这些是基础，都需要弄清楚，总体来说,web 系统可分：前端，后端两部分，每个部分都有很多元素组成;按层次可分：依此为：数据存储层，业务层，控制器，视图层，

 

整体划分：

 

层次划分：

 

 

蓝色框的元素组成了整个web 系统，当然web还可以再细分，此图只描述了系统基本的组成

 

 

数据存储层

1、存储即保存的意思，它有个别名叫：”持久化”或”数据持久化”，可以这样理解：保存在硬盘的数据就是持久的，比如说，你经常用word写日记，写一篇生活日记，然后点击保存，这个保存的操作就是把你写的日记持久化到硬盘里，保存后的日记下次可以再修改，查看等等，可以再修改，再查看的即持久化：呵呵，感觉挺扯的，可能大家觉得

这些都是常识嘛，干嘛还需要这么一个持久化概念！自己想吧。

2、数据存储的形式有很多，有保存在文件的，保存在内存的，有保存在数据库等等。

这里我们主要讲数据库存储：数据库存储本质其实是文件存储，是一个特殊文件存储

3、常用的数据库有:mysql , sql server,oracle

业务层(模型)

1、这一层可根据实际情况来选择是否需要，比如项目大小，类型，时间的急迫

如果是自己的产品，或项目比较大，开发时间不急，可以考虑选择此层，每分一层，程序结构清晰，维护代码简单，但开发时间会增加，成本也会相应的增加，所以小项目，或做企业站都不喜欢这层

1、业务即一序列的功能组合或不同业务功能组成新的业务的功能，注意是业务功能，非一般功能。比如现在有一个库存系统，有入库资源功能，资源基本信息入库后，通知客户已入库，并记录入库日志。资源录入，通知客户，记录日志 就是一个业务功能

2、非业务功能：比如验证数据正确功能，上传文件功能，execl 导入/导出功能等等，短信发送功能，数据缓存功能

控制层

1、控制器接收客户端输入，并调用了业务类执行业务功能，并把业务结果返回给视图层，并由视图层将结果展示给客户端。

比如要注册会员时，会填入自己的邮箱，密码或其他基本信息，并点击”提交”，然后页面上会显示注册成功，这个过程是这样解释的：

客户信息被提交到某个url地址，这个地址会被解析到用户控制器类的注册方法中，

在这个方法中调用会员这个业务类的注册方法，控制器并把业务类的注册方法的结果向视图抛并展示给客户

 

视图层

1、 视图是用户看到并与之交互的界面，即用户在电脑、手机浏览器上看的界面，动态效果 视图层可由HTML,CSS,JS 等技术元素组成

2、客户在视图层把客户信息提交到后端控制器，并展示控制器返回结果

前端

1、前端技术比较复杂，有点难搞，需要兼容很多浏览器，特别是CSS，与JS ，可能还要接触HTML5

2、JS 有许多框架支持，比如jquery,Prototype, Dojo, Mochikit

3、CSS 也有许多现成开发工具包，利用这些工具可以事半功倍：Bootstrap，jQuery UI Bootstrap，ExtJS，The YUILibrary，DWZ

4、在浏览器打开http://www.csdn.net/，然后点击右键-查看网页源代码，看到界面就是页面的HTML.JS,CSS 代码