12.18 Linux + Apache+ PHP+ HTML+ mySQL 构建动态网站实战

其实这几天我感觉我自有点像个前端+后端的菜鸟程序员。完全靠自己摸索,找了一台电脑,在实验室的局域网里面搭建了一个服务器,构建了一个动态的包含数据库的网站.

不过话说回来,我发现干这个活挺开心的,写PHP和前端的时候,写着写着就是凌晨2点了,虽然说我已经连续几天都是凌晨2点回的宿舍,但是一旦会构建动态网站之后,后面就有好多有意思的东西可以玩了(比如我在网站上挂了一个我修改的坦克大战游戏,修改版切水果大战,可以让实验室的同学们休息之余乐一乐)。

好了,我不能再这样不务正业了,身体明显吃不消了,其实我搭建网站什么的主要还是为了学习生物信息学,特别是了解数据库这一块。

记录一下这个过程,以后可以快速建站:

1 准备阶段

我之前写过的一篇拆电脑文章
http://www.jianshu.com/p/0f366d79c147

对的,我就是在这个电脑上搭建的服务器数据库和网站。当然后来我换了一个IT的硬盘进去,之前的硬盘都坏了。

2 系统准备

ubuntu 16.04 这个可以在zju的镜像里面下载,内网速度比较快

然后刻录到U盘启动盘

3 网络配置

其实装好系统之后,网络配置这一块最重要,还好ubuntu 可以图形界面设置,连接上网线,设置固定IP,然后子网掩码,网关,OK,局域网设置成果

光有局域网不行的,要连接外网才可以下载。还好实验室有个同学在github 上下载了源码然后自己修改后编写可以连接校园网的一个软件,多亏了他啊,不然我可能今天还没连接上外网。

4 apache + PHP + MySQL 一起安装

这里体现了ubuntu 的好处 其实只要一个命令就可以了,比我以前在mac上一个一个安装好

  1. 先安装 tasksel

  2. 选择 LAMP server

OK 啦,这个真的不错,让程序员有更多时间可以用来想方法,而不是操作简单的安装

  1. 下载 phpmyadmin

sudo apt-get install phpadmin

这个web 方式管理MySQL 非常赞

4 好了其实很多书上说到这里结束了,因为确实已经构建好了

可是对我这样的小白来说,到底怎么进行啊,我接下来怎么建站啊

对了,相信很多人和我一样,就是会卡在这种地方,我这个时候就希望有个人来我身边手把手教我怎么搭建动态数据库。

5 设置 apache 的配置文件

把和php 有关的extension 文件激活
设置文件的文章,我以前也记录过,多亏hoptop同学以前让我记录,这样我一下子就配置完成了。

6 总是有些意外,版本升级问题

我安装的是PHP7 这个版本,重启apache服务器之后,还是无法连接数据库localhost/phpmyadmin 这个地址。

原来新版本要设置一个PHP.ini文件,而这个文件在apache 文件夹里面,所以也要找到这个文件,这个文件是apache 和 PHP连接的关键文件。进去把extension 激活。

每个人遇到的问题都不一样,要善于利用百度,其实我遇到的问题,大多数人都遇到过。

7 在/var/www/html/中设置主页

其实到这里我都是会的,因为之前暑假我已经摸索过一遍如何建立静态网站,我想知道是如何搭建数据库来保存前段的数据,并使得前段可以来调用数据,达到动态网站的目的。

8 需要编写一个html PHP 就可以了

总的来说,就是用一个表单跳转的方式,把全段输入的内容存在变量里面,然后post到PHP写的一个文件,PHP 调用数据库,打开数据库,插入表格,传递变量。

具体可以学习这个网站:
http://www.runoob.com/php/php-mysql-insert.html

最后我做了一个简单的报名网站,可以查看实时的报名信息。

html 和php代码我就不挂了,因为我基本是网上copy然后自己稍微改一改,并不是原创。

网页截图

就是这样一个简单的网页

在前段输入姓名和年龄,表单会跳转到PHP写的一个文件,这个文件打开数据库,插入刚刚写的信息。

点击下面这个红色按钮,也是跳转到一个PHP写的文件,他会打开数据库,调出报名者的信息。

后记

好啦,虽然这是一个简陋的小网站,但是对于我学生物的人来说,从建立静态网页到现在能建立动态数据库,已经是很高兴了,当然我是一个学习生物信息学的人,还是要多花时间在生物信息学上面。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,001评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,210评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,874评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,001评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,022评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,005评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,929评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,742评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,193评论 1 309
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,427评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,583评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,305评论 5 342
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,911评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,564评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,731评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,581评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,478评论 2 352

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,050评论 25 707
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,650评论 18 139
  • 一、需求来源 最近在做一个就业信息发布网站,发布每天的南北校宣讲会信息。此时前端模型已经搭建好,用的是HTML+C...
    treker阅读 6,529评论 4 30
  • 冷夜竟添几许情 媚开颜浓 已觉芳心动 诗情画意谁与共 软枕斜依 托腮幻影 可否入好梦 夜阑心扉灯花弄
    李菲儿_a4d1阅读 245评论 1 1
  • 《不堪一击》 曾经年少的梦想是那么的不可一世又那么的不堪一击 《差距》 或许乞讨和祈祷本质上没什么区别无非是一群人...
    何鲸洛阅读 256评论 0 0