如何快速地搭建一个简单的网站（Appserv+MySQL）

源代码下载：http://pan.baidu.com/s/1kVuZBDX
作者：XJTU_Ironboy
时间：2017年8月

开头语

  前段时间和三个同班同学(Thomas、Jones and YY)在老师的带领下给中铁十八局集团做过一个项目，项目的软件部分就是设计一个网站。由于我之前从没有涉及过网站开发的知识，而团队里只有一个人(Tomas)有过网站前端开发的经验，所以我们那个项目几乎是从零开始。
  当时我们整体上花了十天完成了整个网站的开发，但是各种修改需求什么的折腾了半年，很是麻烦。所以要给可能从事网站开发的童鞋一些忠告：
1. 实际的项目需求是学习编程或者其他技术的最快的方法、最足的动力，另外一个也就是浓厚的兴趣了，但是有兴趣是一方面，能不能坚持又是另一方面；
2. 如果要踏入这个行业，就要做好无限制被提出新需求、各种修改的心理，当然除了网站开发，软件行业大多都是如此的；
3. 要学会充分地利用现有资源，不要一开始就直接上手，要学会多找资料，多学习前人经验；
4. 新手最好学会用现有的优秀的框架——更高效，更规范，当你真正成为大牛的时候再去思考如何才能自由地、优雅地在框架外出神入化；
  好了，接下来我将讲述一下如何搭建一个简单的网站。郑重提示：本网站所涉及的编程语言如下所列，如果是直接用Java或Python开发的大神请自行绕道：
1. 网站前端：HTML、CSS、JavaScript(无论少用哪一个你的网站美观上都会很屎！)
2. 网站后端：PHP(世界上最好的语言在此，还不速速跪下！)
3. 数据库：MySQL(别问为什么用这个——免费，开源，资料多)
4. 服务器：Python(TCP开发，团队分工的结果)

一、准备一些工具

  俗话说：功善欲其事，必先利其器。网站开发不可避免地需要一些开发工具(当然会直接用Python和Java开发的大牛不需要看鄙人的这篇博文)当然开发工具很多，我只讲述我用的那一些。
1. 编辑器：Dreamweaver(网站开发神器)、Sublime(实在太美，想不出不用它的理由)

2. 数据库：MySQL(数据库必备)

3. 集成环境：AppServ(PHP集成环境，有现成的就用)

4. 测试工具：Chrome浏览器(网站开发，不可或缺)

  这些软件的具体安装教程、测试是否安装成功、安装过程中遇到的问题及解决方法在网上是有很多讲解的，所以如果遇到问题，一定不要放弃治疗，多去网上看一下别人是怎么解决的。虽然安装完这些软件并不是真正的开始，但是我相信有那么一部分人在软件安装的过程中遇到一些无法解决的问题时就可能会选择放弃，这样是毫无意义的，所以还是希望大家能够坚持下去。

二、正式开始

1.检查

  第一步是再次检查一下环境是否配置成功。
1.Chrome浏览器网址栏输入：https://localhost或者https://127.0.0.1，出现以下界面即证明PHP环境配置成功:

2.Chrome浏览器网址栏输入： http://localhost/phpmyadmin/或者 http://127.0.0.1/phpmyadmin/，出现以下界面即证明MySQL数据库配置成功:

2.规划设计

  为了体现各种语言(HTML、CSS、JavaScript、PHP和MySQL)的作用和足够简单而使读者有兴趣继续阅读下去，我们本次的任务是设计一个登陆界面：

(注：由于我的技能侧重于后端及数据库，该前端的设计制作将简述，该登录界面的创意来自于 模板之家，在此郑重感谢！)

3.开始编程

① 在Appserv文件下找到www文件夹(根目录)，注意：以后所有的网站文件统统放在该文件夹下，才能通过输入域名的方式访问。找到之后在www文件下创建一个新文件夹，命名为login。然后在该login文件下建立如下的文件夹：

css：存放.css文件(用CSS语言编写的文件，主要是排版，如颜色、位置)
img：存放网站上用到的所有的图片
js：存放.js文件(用JavaScript语言编写的文件，主要是动态效果)
php：存放.php文件(用PHP语言编写的文件，编写后台)
② 打开DreamWeaver软件，如下所示新建一个HTML文件，命名为index，然后保存到login文件夹下，并打开Chrome浏览器，输入https:localhost/login/index.html或者https:127.0.0.1/login/index.html即可看到新建的网站

③ 把写好的前端文件放入相应的文件中(前面链接可以下载)

④ 数据库建立
(a) 打开http://localhost/phpmyadmin/或者http://127.0.0.1/phpmyadmin/，登录进去之后建立一个名为:login_table的数据库，然后在该库下建立login的表,之后按如下操作进行：
建立了表头——username、password、is_root和sex（其实用户信息可以随便添加，这里我只举四个为例），打开后的效果如下：
(b) 然后新建一个csv文件(用Excel软件建立)，我们事先确定一些用户，第一列是username,第二列是password,第三列是is_root(是否有管理员权限)，第四列是sex（性别）：

(c) 接下来，点击MySQL中的导入，选择你新建的csv文件，选择字段分隔符为逗号(默认的一般也是逗号)，然后导入。

导入成功之后，点击浏览就可以看到如下信息，数据库中有了数据：

⑤ 数据库建立完成，之后就是写我们的后端程序–PHP。
(a) 先单独写一个数据库的配置文件，这是一个良好的习惯，以便其他PHP文件需要链接到数据库是直接引用，而不用再一次声明定义。

(b) 开始写PHP验证文件，验证登录是否成功，成功后输出用户信息，并允许登出；登录失败重新登录

（注：以上截图只是代码的一部分）

4.测试验证

1. 登陆成功验证
   

   
   

2. 登录失败验证
   

   

  到此，网站功能已经实现。不过这只是在本地查看，如果想要上线你的网站，那么需要注册一个域名。这些种种如果有兴趣都可以去网上查，有很多域名解析软件都可以用，比如花生壳。

结束语

  这篇博客只是针对快速建站而写的，其中的各种语言的编程方式都没有很详细地讲解，因为每一种语言的讲解都可以再出一个系列的博客，而且读者看了还不一定能看明白，而实际上对于各种语言的编程CSDN博客上可以说是应有尽有，十分丰富，大家感兴趣可以自行搜索。
  最后总结一下，我是怎么快速建站的？首先装好所以必要的软件，搭好环境，这个是必要的，千万不要怕麻烦；然后规划好自己要做一个什么样的网站，越详细越好，考虑得越全面越好，因为后期改动是件及其痛苦的事（虽然不可避免）；接下来，分工合作，美工（PS技术）、前端（HTML、CSS、JavaScript编程）、后端（PHP编程，其实前端的所有语言也都要会用）和数据库（MySQL）都要协商好，分工完成，最后就是测试网站的功能，如果失败，则需要分析原因，进行修改，直到成功。最后如果需要上线网站，那么需要申请域名，解析域名等等。
  最后最后再次强调一遍，学任何东西都要坚定信心，不能半途而废，特别是安装软件搭建环境的过程中放弃的话那连半途而废都算不上。所以如果你真的是怀有莫大的兴趣或者有现实原因（如需要做一个项目，急需推进这方面）才去学习某个技能的话，那么你学会的几率还是很大的，就算没有完全学会，入门也是必然的，否则不要轻易装逼去学，浪费时间。