開篇語
筆者目前算是一個WEB方向的踽踽前行的小菜鳥叛本，但是也是現(xiàn)在手上有兩臺云服務(wù)器在手的人了篓叶，網(wǎng)站也做了兩個了烈掠，所以，今天接著昨天的話題缸托，我們來搭建一個自己網(wǎng)站左敌，這樣，我先把我以前搭建的一個給大家看看俐镐，
我給自己團(tuán)隊做的網(wǎng)站--武漢迅睿爾
另外矫限，網(wǎng)址奉上武漢迅睿爾
First Step --熟悉linux并且安裝Apache2
Install Apache2 on Ubuntu 16.04
在 ubuntu16.04 的系統(tǒng)上裝載 LAMP網(wǎng)站服務(wù)架構(gòu)的骨架Apache2
LAMP（Linux，Apache佩抹，MySQL叼风，PHP）是一種用于托管Web內(nèi)容常見的網(wǎng)絡(luò)協(xié)議棧。本指南介紹了如何安裝和測試在Ubuntu 16.04 LAMP架構(gòu)（LTS）棍苹。
最好是用root 賬戶進(jìn)行操作 可以省心不少
首先更新你的系統(tǒng)：
sudo apt-get update && sudo apt-get upgrade
然后安裝Apache2
sudo apt-get install apache2
然后編輯下列文檔：
File: /etc/apache2/apache2.conf
修改下述內(nèi)容：
KeepAlive Off
然后修改下面路徑的內(nèi)容
File: /etc/apache2/mods-available/mpm_prefork.conf
<IfModule mpm_prefork_module>
StartServers 4
MinSpareServers 20
MaxSpareServers 40
MaxRequestWorkers 200
MaxConnectionsPerChild 4500
</IfModule>
輸入以下命令載入上述修改：
sudo a2dismod mpm_event
sudo a2enmod mpm_prefork
然后退出修改并執(zhí)行下列命令：（重啟Apache2）
sudo systemctl restart apache2
恭喜你无宿，你已經(jīng)打開了WEB的大門，現(xiàn)在枢里，找個瀏覽器孽鸡，在地址欄輸入你的服務(wù)器的IP蹂午，你就可以看到你的第一個網(wǎng)頁了。這個是Apache2贈送的吧彬碱，哈哈
Second Step -- 安裝Mysql數(shù)據(jù)管理器
install Mysql on Ubuntu
sudo apt-get install mysql-server
在安裝過程中會要你兩次輸入root賬戶（mysql的root 不是linux的）的密碼豆胸。一定要記住，不然你就對你的mysql失去了操作權(quán)
mysql -u root -p
然后登陸進(jìn)去
輸入如下指令創(chuàng)建你的第一個數(shù)據(jù)庫：（建議直接照抄巷疼，之后刪除即可晚胡，測試期間不要太在意）：
CREATE DATABASE webdata;
GRANT ALL ON webdata.* TO 'webuser' IDENTIFIED BY 'password';
退出mysql輸入如下指令即可：
mysql > quit
Third Step -- 安裝PHP7.0之交互的橋梁
php是連接mysql與apache2的橋梁，通過讀取mysql中的內(nèi)容 然后反饋給apache2 然后在網(wǎng)頁上顯示出來皮迟，這就形成了響應(yīng)機(jī)制搬泥，用戶通過對網(wǎng)頁的操作，告訴apache2自己想要的操作伏尼，然后apache2 找上了php ，php就去mysql那里拿數(shù)據(jù)尉尾，然后老老實實的 把數(shù)據(jù)打包一下發(fā)給apache告訴瀏覽器這個用戶想干嘛爆阶，然后apache2就把這些數(shù)據(jù)返回給用戶，這么一解釋沙咏，是不是好理解多了辨图？
安裝代碼如下：
sudo apt-get install php7.0 php-pear libapache2-mod-php7.0 php7.0-mysql
當(dāng)然，你如果想要實現(xiàn)更多功能肢藐，不妨把以下東西都給裝了故河，這個是可以選的：
sudo apt-get install php7.0-curl php7.0-json php7.0-cgi
編輯文件
File : /etc/php/7.0/apache2/php.ini
max_input_time = 30
error_reporting = E_COMPILE_ERROR | E_RECOVERABLE_ERROR | E_ERROR | E_CORE_ERROR
error_log = /var/log/php/error.log(這個我沒找到，所以自己在下面寫了一個就好了)
然后創(chuàng)建幾個文件：
sudo mkdir /var/log/php
sudo chown www-data /var/log/php
下一步吆豹，重啟Apahce2鱼的，載入我們所做的操作：
sudo systemctl restart apache2
當(dāng)然，如果你要驗證一下你的操作是否都成功了痘煤，可以有這么一些手段：
在服務(wù)器端的文件下編輯：
File excerpt: /var/www/html/text.php
(這個text.php是你自己建立的凑阶，不是自帶的，自帶的只有一個index.html)
至于一些怎么編輯衷快，這個宙橱，太基礎(chǔ)了搀菩。我估計這要都不會趁啸，很難成功，所以還是先去惡補(bǔ)一下linux--ubuntu的操作吧
<html>
<head>
<title>PHP Test</title>
</head>
<body>
<?php echo '<p>Hello World</p>';
// In the variables section below, replace user and password with your own MySQL credentials as created on your server 下面的那些變量你要根據(jù)你自己的情況修改漫蛔，username是你的數(shù)據(jù)庫用戶名调窍，password是這個用戶名的密碼宝冕，
$servername = "localhost";
$username = "webuser";
$password = "password";
// Create MySQL connection
$conn = mysqli_connect($servername, $username, $password);
// Check connection - if it fails, output will include the error message
if (!$conn)
{
die('<p>Connection failed: <p>'.mysqli_connect_error());
}
echo '<p>Connected successfully</p>'; ?>
</body>
</html>
在你的瀏覽器輸入這個文件的地址，也就是你的服務(wù)器IP+text.php陨晶，圖片上的是我自己命名的猬仁，你隨意～～～～
結(jié)束語
OK啦帝璧。LAMP就已經(jīng)搭建完成了，L（Linux）A（Apache2）M（Mysql）P（PHP）剩下的就是更深入的一些內(nèi)容了湿刽。HTML5編輯啊的烁。還有一些CSS3 樣式編輯啊，Javascript的設(shè)計啊诈闺。Mysql數(shù)據(jù)庫的編輯啊渴庆。PHP文件的編寫啊， 業(yè)務(wù)邏輯設(shè)計雅镊，算法設(shè)計啊襟雷，太多了 不一而足～～～～～
下面我還是放幾個我常用的代碼到這兒吧，另外還附上效果圖哦仁烹。
～～～～～～～～～～～～～～～～～～·網(wǎng)址奉上～～～～～～～～～～～～～～～～～～
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<title>別踩白塊兒</title>
<style>
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
html,body{ width: 100%;height:98%; }
body{font:12px/180% Arial, Helvetica, sans-serif, "微軟雅黑";}
.main{position:relative;margin:10px auto;max-width:380px;height:600px;border:1px solid #ccc;overflow:hidden;}
.ph-main{width: 100%;height: 100%;position: relative;border: none; margin: auto;overflow: hidden;}
.container{position:absolute;top:-150px;width:100%;height:auto;}
.row{width:100%;height:150px;}
.cell{float:left;width:25%;height:100%;background-color: #912CEE;}
.block{background:#76EE00;cursor:pointer;} .mark{ position: absolute; width: 40px; height: 20px; background-color: #e8e8e8;
border-radius: 50%; top: 10px; left: 50%; margin-left: -20px; text-align: center; line-height: 20px;z-index: 1;}
.mask , .again-mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);text-align: center;z-index: 2;}
.mask h1 , .again-mask h1{ color: #fff;height: 50px;line-height: 50px;font-family: '微軟雅黑';margin-top: 35%; }
.mask span , .again-mask span{ display: block; width: 100px;height: 50px;font-size: 20px; text-align: center; line-height: 50px;margin: 50px auto; background: #4cd964;color: #fff;border-radius: 6px; cursor: pointer; -webkit-box-shadow: 1px 1px 1px #999;box-shadow: 1px 1px 1px #999;text-shadow: 1px 1px 1px #fff; }
.again-mask h2{ color: #fff;height: 45px;line-height: 45px;font-family: '微軟雅黑';}
</style>
</head>
<body>
<div class="main" id="main">
<div class="container" id="container">
</div>
<div class="mask" id="mask">
<h1>別踩白塊兒</h1>
<span id="start">開始</span>
</div>
</div>
<script src="js/Block.js"></script>
<script>
var oContainer = document.getElementById('container');
var block = new Block(oContainer);
block.init();
var mask = document.getElementById('mask');
var start = document.getElementById('start');
start.onclick = function(){
block.start();
mask.style.display = 'none';
}
</script>
<div style="text-align:center;">
<h3>來源:<a target="_blank">張照博制作</a></h3>
</div>
</body>
</html>
別的都不說了卓缰，大家伙好好學(xué)習(xí)凹瞥省！Ｕ骰！捌显！有空多交流
個人宣言：
知識傳遞力量，技術(shù)無國界总寒，傳播文化改變你我生活!
