乡下工程师

菜鸟级的开发，采用三层架构足矣。想当年我用C++在学习三层架构的时候，单数据库连接就折腾了一个星期，网上四处找资料拼拼凑凑才写了一个不三不四的人事管理系统。    如果用.net来做三层架构的开发，应该是很容易上手的，这一节视频，主要讲这方面的。

我相信你肯定用了 viewport meta tag 来做响应式设计，但你是否知道 viewport 标签对非响应式设计业是非常有用的？如果你还从没将你的网站转换成为可响应的，就应该好好看下这篇文章，我会教你怎用用viewport标签提升你的网站对移动设备的响应能力。

现在有一系列的智能手机和大屏幕显示设备（甚至是电视），所以我们需要学习怎样开发一个可以在这些设备中都表现良好的网站。

最近我写了一点资料关于怎样制作一个响应式的移动导航栏，现在我发现了一个新的技术（有关HTML5）可以在没有使用Javascript的情况下做一个响应式菜单。这个菜单可以自动排列到左边、中间或者右边）。不像之前的教程需要点击某“开关”来显示或隐藏菜单，现在只需要把鼠标移到菜单按钮就会出现菜单列表（而且会提示当前所在的导航位置）。它可以在所有移动设备和桌面浏览器（包括IE）正常使用！

HTML5，CSS3，还有Javascript 让很多绚丽的设计效果得以展示。现在的网页设计是可以很有交互性的，已经不再被静态布局给限制住了。下面列出的这30个网站就是个很不错的证明，它通过诸如音频和视频让传统效果变得酷炫。开始欣赏吧！

什么是MVV注册强类型呢？其实一开始我也是混乱得不行。这个Model模型比我们写三层创建的Model强大得多，一旦创建之后，系统便可以快速生成常用的视图，包括“列表”、“增删查改”功能这些功能随意选择。配合使用"数据库模型"（先把数据库设计好包括关系等），一键生成所有Model（一个表一个Model），并且根据数据库的关系，可以快速地找到对应关系的数据（简单说就是类包含类），速成爽歪歪。

开发网站肯定要会JS，嫌代码太难看难学那至少要学会jQuery。当然我见过有些项目纯用服务端控件也是能做出来的，但我相信，那些碰到复杂的需求的话肯定很棘手的。jQuery是对JS和DOM的封装，少量代码直接解决大多兼容性问题。jQuery我是较后面才学稍微深入一点的，当使用纯HTML（不使用服务端控件）+jQuery是很方便而且灵活的，所以很推荐先学写简单应用。对jQuery的认识，可以多搜几篇文章，下面我给出一些常用代码和一点实例，都有详细注释。

Ajax是为了前端能和后台交互的，它们的关系就像：顾客来到某餐厅，服务员就像前台的一个元素，厨房就像后台的一个元素，你想吃什么和服务员说，服务员就让厨房里的人做出对应的佳肴，然后服务员拿着你想要的东西给你。

这一节完了之后，差不多就停止基础知识的更新了。接下来可能要做一个实例项目，用MVC或者传统.NET WEB 还不是很清楚，要做什么项目也还在考虑，反正肯定开源附加完整文档。但我需要它是以完成某种任务的形式，不然真没那么多时间……像之前为了完成一个数据库的课程设计（需求地址：http://blog.youkuaiyun.com/wowkk/article/details/9936973），我就顺带学了MVC下的网站开发，虽然之前从没接触过网站开发，但以项目带动学习，一步一步也是能走的。

通过前面三节，已经大概理解MVC是怎样运作的了。MVC的一个特点就是可以很方便地控制视图效果，数据交互也很灵活。先讲一下视图控制的，HtmlHelper，看到Help就知道它是不知疲惫的好人啦（有点像SQLHelper？）.net MVC自带的HtmlHelper自带一部分功能，但如果我们不自定义自己功能，它能实现的效果也就和<input>标签差不多吧。（试想一下，如果你很多页面经常要使用一个功能，如表格数据展示，而且格式差不多，那就可以传入参数写到HtmlHelper类中去，这样子，前端使用的时候，只

我看点这方面的资料，是为了做手机应用网站（有三个方案，这个是备用方案），可以开发响应式网站，可以脱离开发平台进行跨平台。

上一节大概了解了MVC的运作方式。这一届发一个简单样例，在网页界面中的文本框输入一个值，在后台控制器中进行接收，然后跳转到另一个页面。

MVC是不能拖放控件的（至少到目前为止我这么认为），所以Ajax就显得很是重要了。前几篇的jQuery与Ajax如果理解了，那很容易就能切换到MVC模式使用。虽然实际情况下，我是为了完成某些功能，直接就先应用MVC模式下的jQuery与Ajax，也就是这一篇和下一篇内容，当时只是知道大概是怎么回事然后模范一些样例用着而已（现在也差不多，只是比较熟练~）。

每个设备都有自己独特的优势和限制，要让这个网页在众多的不同的显示设备中被接受，作为一名Web开发者，你要尽力让这个页面支持所有设备。

内容是所有网站最重要的元素，所以让我们为内容而设计而不是让设计去主宰内容。在这篇教程中，我们首先定义内容，以内容为基础为其创建一个页面结构，然后以简单的线性布局来呈现这些内容，确保它们在窄屏和宽屏中都能正常表现。

一般创建一个列布局，你需要给首尾列添加class来重置边缘距离并且清楚float状态。而我今天讲分享一个非常简单的CSS窍门，可以用 nth-of-type 伪装类来创建一个响应式的列布局。

真不知道离开了三层架构，菜鸟要怎么活下去哈哈。这一节改用插件的方式重新搭建三层架构，顺便讲了一下关于jQueryMobile（用于响应式网站设计）的用法。

使用.net开发网站一般有三种形式1：直接aspx+拖放控件2：aspx+不使用任何服务端控件3：html+ashx（一般处理程序）前两种方式，不管是aspx,asp,jsp,php等等页面最终都会在后台转换为HTML代码再发给浏览器客户端，所以速率方便肯定会低于纯html的方式（特别在第一次访问的时候），所以正式开发的时候能不用服务器控件的话就尽量少用。

好吧我知道，应该很少人一开始学网站开发就从MVC开始，但如果你已经理解了三层架构之类的，那直接尝试强大的微软MVC网站开发模式也是挺不错的。但其实我们学校有个实验室，那些干进去的就算是大一的学生，也是直接开始使用鲁比语言（我忘了英文怎么拼了~）的MVC模式开发网站，而且是可以真实部署到客户厂家进行使用的。

上一篇说了关于html input 表单元素，虽然像文本框、选择框这些，都可以使用服务端控件直接拖拽出来，就算.net连局部刷新控件都有（其实编译完成后都是渲染出html元素给用户的），但真实操作中，复杂点的需求很难实现，或者说有些效果你需要使用html元素+js，而你用的又是服务端控件并且刷新的时候无法整合，在实习的时候我经常碰到这样的情况，第一期的产品是完全只使用服务端控件的，第二期我们要先把一部分功能移植到手机Web，需要用到jQuery Mobile ，那时就要改一堆代码了。而且，多使用html元素

其实，在半年前我对网站开发还是完全不感冒的，不是没认识，而是只认识到表面。我以为网站模型就那几样，新闻、论坛、博客啥的，仿个站出来有什么意思？但现在我是知道了，大多应用开发还是采用B/S架构的，包括服装厂这些很多行业使用的都是网站来管理数据。而且，网站开发也设计很多技术，少则HTML+CSS+JS+.NET，多则还有设计模式+架构+服务器+网络+分布式啥的。

开发网站也是需要挺多方面的技能的，前面十几篇文章提到了一部分技能，但都是作为单一的部分得来讲，接下来这四篇文章会讲怎样把学的零散的知识串联起来。首先是数据库，无论是做网站、软件还是游戏，大多是要用到数据库的，也就是做一些数据的永久性保存，数据库可以很方便地按照自己的需要存储数据。

最近在做一个Web App的产品，用的是HTML+JQueryMobile+Ajax+Ashx的形式，但我估计要得到很好的速度体验还是挺困难的。刚好关注Clouda一小段时间了，所以就拿来试试，最为备用方案也行，如果成熟了，就可以投入Clouda的怀抱哈哈。

数据库设计是比较重要的工作，只有熟悉了解项目的各种逻辑业务，才可能把数据库尽可能完整地设计出来。但对于我这种不是神级程序猿来说，大多时候在后面测试的时候还是需要对数据库进行改动的。现在我觉得，对于不是很复杂的项目，是可以很快把数据库设计搞定的。抓住一个重点，先把各页面功能写清楚，每个页面每个功能各操作什么数据（也就是所关联的数据库表）。

本项目简介：《内部论坛》，为移动设备所开发的论坛，发展重点为“内部交流”，适合网络店铺商家、公司、社会组织、学生团体等开设论坛交流。开发方向为“移动Web App”，开发各种特定需求类型的内部论坛。

一般网站要先做个用户注册的功能页面，但我的网站名气不大，不需要要求用户注册，所以直接使用腾讯QQ登录的API接口。如何使用它的JS_SDK让网站拥有QQ登录的功能，官网的这篇文章写得还算完整，但是，里面有些地方并没有填写“实例”，只是说那个地方需要填写什么东西，但有时这样说是不够的，我就是试了挺多遍才知道填写的格式。

本来已经进入“正式开发”的教程部分了，但这次还是要先插入一些“旁门左道”，因为很多时候，我们仅仅只是要演示一个产品概念或者完成一次老师布置的课程设计，那就没必要仔仔细细地敲打每一行代码。像我这学期选修了“高级网页”课程，期末大家都在着急做不出来，我花了两个小时，就做了一个包含“一、两千行”代码的网站项目出来，顺利过关。

上下左右滑动页面，可以切换到图片（表格布局）。

好久没更新这个系列的文章啦，因为最近各种琐碎事哎。挺长一段时间没有学习了，停了这么久，好像只有一个收获，我上了报纸了哈哈，虽然远没有记者写得那么夸张，但拿出来炫耀下应该没事吧^_^http://e.hznews.com/paper/hzrb/20140228/A9/4/ 哈哈，进入正题：和数据库say goodbye，并不是说，不去使用数据库了。而是换一种方式来存储和访问“持久型”数据。接下我想写

模仿相册app tidy做个html5的web app，完全不考虑桌面版本，所以ie什么的不要测试，需要模拟器测试。PS：该demo使用了jquery 2.0版本的插件（其他版本也行，这个不支持ie，比较小）。我们队里另一个同学可以不使用js插件实现效果，但是我们对dom机制等不怎么了解，在不使用jquery的情况下，控制起来会很麻烦。

如果Web前端做多了一点，那就会意识到，无论项目大小，都得考虑到一个“架构”的问题。因为只要是项目，就会涉及到“管理”，如果不规范，就肯定会乱。如果涉及到团队协作，情况就会更加糟糕。

题外话：以前用larval和lumen开发，感觉好是好，但是操作环境上还是比不上国产的~最近自己使用TP5来开发一个项目，体验很好，并不会比lumen差。===========有些小项目，我们自己一个人写就行了。有些项目，为了方便给客户一键安装。这就需要我们一个thinkPHP项目能够开发多个应用，比如一个前端+一个管理后台的形式。最简单的方式，在application目录新建应用目录，比如adm...