一次网站开发的总结

前段时间改了个网站，当时那个网站使用的就是bootstrap，从那时起才知道什么是bootsstrap，什么是响应式布局。在改网站的过程当中，也写了两篇文章，这两篇文章也主要是使用思路和网站修改中使用bootstrap的功能。文章以下：
【随笔】前端框架Bootstrap在网站开发中的应用
BootStrap弹出层操做

自从网站功能改完后，对bootstrap就产生了兴趣。业余时间学了下bootstrap，正好本身也想推几个关键词试试，作作seo，因此就利用晚上时间作了个网站，网站的前端是使用bootstrap,服务器语言是c#，网站地址：shandongit.com

我对css明白一些，知道元素、熟悉怎么使用。可是我对布局啊、图片啊、颜色搭配啊没什么感受。因此这个网站是从bootstrap官方提供的实例改版而来。布局双栏，加入头部尾部，再加入网站自身功能相关的元素。因为使用bootstrap，因此网站的前端很快就完成了，而后就是功能。

功能对我来讲很简单，个人目的首先是搭建起来，而后是完善功能。因此第一步只是实现了基本功能，也就是动态设置页面标题关键词描述，添加分离，添加关键词，添加文章等。实现这些功能用了不到两个星期，其它的功能再一点一点的加吧。

网站开发总结

1.开发环境，网站使用的是asp.net应用程序，而不是如今流行的mvc。数据库为sql server,使用存储过程来进行数据操做。使用三层架构。
2.网站布局，因为使用bootstrap，css几乎没写几行代码。bootstrap官方有很丰富的使用文档，例如双栏的实现：

<div class="row">
<div class="col-lg-8">
</div>
<div class="col-lg-4">
</div>
</div>

还有分页，bootstrap使用li来显示分页样式

 

<ul class='pagination'>
<li><a href='#'>&laquo;</a></li>
<li class='active'><a href='#'>1</a></li>
<li><a href='#'>2</a></li>
<li><a href='#'>3</a></li>
<li><a href='#'>4</a></li>
<li><a href='#'>&raquo;</a></li>
<ul>

至于其它的能够看bootstrap官方文档，使用真的太方便了

3.封装经常使用样式，方便调用。在网站开发时，有些样式时经常使用的，须要封装在类里，方便调用。经常使用的代码必定要抽取出来。这一块有些老生常谈，面向对象+重构。

4.若是功能类似，最好将功能封装在一个页面。例如文章的添加、修改应该是一个页面，经过参数来判断相关操做。

5.seo，首先是须要动态的设置网站标题、关键词和描述等。标题和描述常常使用，因此写到了web.config中。关于如何写web.config,能够看这篇文章读写web.config文件 。文章有分类，分类页能够设置关键词描述。而文章的关键词，首先判断表中是否存在，若是不存在就插入，存在就加1，方便之后的统计。关键词也能够设置seo的相关信息。文章也相似。可是我对h1,h2,h3,h4的使用不合理，之后等文章多了再改吧。我一直想把网站标题设置为h1，h2为菜单栏，h3为标题，h4为关键词。可是等等吧。伪静态，方便seo。

6.权限的判断，主要操做来自于这篇文章：asp.net网站的权限判断

7.富文本编辑器使用的是ckeditor,具体使用可看：富文本编辑器CKEditor使用总结 。 使用ckeditor主要缘由是不用几乎不用写js代码，减小代码量。

8.类库。必定要建一个本身的类库，开发使用方便。类库的整理很简单，如之前开发中经常使用的代码，别人分享的代码等。

9.上传操做。上传操做分为两部分，一部分是ckeditor涉及到到上传，另外一部分是头像的设置、文章分类的设置等使用单独一个页面。上传使用的主要技术来自于下面的文章：网站开发经常使用jQuery插件总结(17)上传插件blueimp asp.net图片上传操做总结