vue-admin-template一款極簡的 vue admin 管理后臺。
它只包含了 Element UI & axios & iconfont & permission control & lint,這些搭建后臺必要的東西。
github 地址:
https://github.com/PanJiaChen/vue-admin-template
github star: 9.1K+
最新版本:4.2.1 ,MIT 協議
主要技術棧:
vue 2.6.10
vue-router 3.0.6
element-ui 2.7.2
vue-cli 3.6
normalize.css 7.0.0
axios 0.18.1
js-cookie 2.2.0
# 克隆項目
git clone https://github.com/PanJiaChen/vue-admin-template.git
# 進入項目目錄
cd vue-admin-template
# 安裝依賴
npm install
# 建議不要直接使用 cnpm 安裝以來,會有各種詭異的 bug。可以通過如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org
# 啟動服務
npm run dev
# 訪問服務 瀏覽器訪問
http://localhost:9528
文檔地址:
https://panjiachen.github.io/vue-element-admin-site/zh/
IE10, IE11, Edge
last 2 versions
body分為塊級和行內
<div>qwer<br/>zxcv</div>
<div style="background-color: green;">qwer</div>
span style="background-color: green;">zxcv</span>
<p>hahahahah</p>
<p>hahahahahaaa</p>
h1~h6y依次變小
<div>默認文字字體</div>
<h1>再再再再再粗一點</h1>
<h2>再再再再粗一點</h2>
<h3>再再再粗一點</h3>
<h4>再再粗一點</h4>
<h5>再粗一點</h5>
<h6>粗一點</h6>
<a href="http://www.baidu.com" title="baidu">百度</a>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>野雞平臺</title>
</head>
<body>
<h1>章節</h1>
<a href="#i1" title="第一章">第一章 寂寞的春天</a>
<a href="#i2" title="第二章">第二章 寂寞的夏天</a>
<a href="#i3" title="第三章">第三章 寂寞的秋天</a>
<a href="#i4" title="第四章">第四章 寂寞的冬天</a>
<h1>內容</h1>
<div style="height: 1000px;" id="i1">
<h3>第一章 寂寞的春天</h3>
<p>春暖花開,萬物復蘇,又到了交配的季節。</p>
</div>
<div style="height: 1000px;" id="i2">
<h3>第二章 寂寞的夏天</h3>
<p>夏天夏天悄悄過去留下小咪咪</p>
</div>
<div style="height: 1000px;" id="i3">
<h3>第三章 寂寞的秋天</h3>
<p>今年的秋天真是寂寞呀!!!</p>
</div>
<div style="height: 1000px;" id="i4">
<h3>第四章 寂寞的冬天</h3>
<p>下雪</p>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>野雞平臺</title>
</head>
<body>
<ul>
<li>周杰倫</li>
<li>林俊杰</li>
<li>王力宏</li>
</ul>
<ol>
<li>鐵錘</li>
<li>鋼彈</li>
<li>狗蛋</li>
</ol>
<dl>
<dt>河北省</dt>
<dd>邯鄲</dd>
<dd>石家莊</dd>
<dt>山西省</dt>
<dd>太原</dd>
<dd>平遙</dd>
</dl>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>6666</title>
</head>
<body>
<table border="3"> <!--border 選擇表格樣式-->>
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>愛好</th>
</tr>
</thead>
<tbody>
<tr>
<td>xxxx</td>
<td>18</td>
<td>看書</td>
</tr>
<tr>
<td rowspan="3">aaaa</td> <!--rowspan 合并單元格-->>
<td>18</td>
<td>吃飯</td>
</tr>
<tr>
<td>33</td>>
<td>heiheihei</td>>
</tr>>
</tbody>
</table>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>6666</title>
</head>
<body>
<!--顯示本地圖片,找不到圖片則顯示alt中的文字-->
<img src="img/lover.png" alt="美女">
<!--顯示網絡圖片-->
<img src="https://images.cnblogs.com/cnblogs_com/wupeiqi/662608/t_212313579359018.png" alt="妹子">
</body>
</html>
type
<button type="button"> 按鈕 </button>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>666666</title>
</head>
<body>
<h3>文本框</h3>
<input type="text">
<h3>密碼框</h3>
<input type="password">
<h3>單選框</h3>
<input type="radio" name="gender">男
<input type="radio" name="gender">女
<h3>復選框</h3>
<input type="checkbox">籃球
<input type="checkbox">足球
<input type="checkbox">橄欖球
<h3>上傳文件</h3>
<input type="file">
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML學習</title>
</head>
<body>
<h3>單選</h3>
<select>
<option>上海</option>
<option>北京</option>
<option>深圳</option>
</select>
<h3>多選</h3>
<select multiple>
<option>上海</option>
<option>北京</option>
<option>深圳</option>
</select>
</body>
</html>
<!DOCTYPE html>
臥槽,無情呀
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>HTML學習</title>
</head>
<body>
<textarea>文本內容寫在這里...</textarea>
</body>
</body>
</html>
用于提交數據到后臺
// 提交表單之后,實際上會將表單中的數據構造成一種特殊的結構,發送給后臺,類似于:
{
user:用戶輸入的姓名,
pwd:用戶輸入的密碼,
...
}
學習如何做一個網站,卻又不知道從哪里下手,但是又不想花錢去找外包公司,那么自己到底該怎么做一個網站呢?
今天我來給大家說明一下想自己做個網站需要學會什么東西。
1:html
想自己做個網站,首先得把網站的模板做出來,而html就是就是做網站要學習的。比如網頁上要顯示內容,需要html;網站上需要顯示圖片,需要html;網站上需要文字,需要html。
2:css
光有文字還是不行,還需要考慮布局、排版和顏色,這時候就需要學習css了。雖然現在有css3可以制作動圖和特效,但是css的基本用處還是布局、排版和顏色。
3:js
弄完內容和排版布局,很多人認為網站的一個頁面就這么搞定了,但是大錯特錯,我們還需要js來做網頁的一些特效。比如鼠標停在哪個位置會變形,或者哪個圖片不停地變換,再或者跳轉出一個廣告視頻,這些都是需要js來做的。
4:后臺制作
這個是作用于網站的管理用的,反正除了自己其他的人看不到,就不需要太大的要求,直接制作個簡單好管理的界面,再搭建個信息管理系統,后臺基本就完成了。
5:美工設計
說到美工,大家一定會想到圖片,沒錯,就是做圖片,不過網站的美工不只是做圖片,還涉及到攝影,畢竟網站上不只是有圖片,有時候還要插入一些動圖或視頻,做不能每次需要圖片或視頻就到網站上找吧,所以至今動手很重要。
6:域名選購
這些基本和開發技術沒有多大的關系,就是注冊個域名,但是域名注冊不好那么就是關系到網站的整體。就像網站上的那些二手域名,一個個簡直就像是在淘寶一樣,萬一搞到的是一個有缺陷的域名,到時候網站搭建完后就要唱一首涼涼了。
7:服務器購買
光有域名還不行,當服務器是在國內的時候,是需要備案的。 備案流程現在簡單多了,基本上7天就可以做完,不過其中有一個挺麻煩的地方,需要自己手寫簽字,然后再掃描出來發過去
以上就是自己做網站需要掌握的東西,不得不說的是,想自己總一個網站真的是非一日之功,那是需要下本錢的,就像html、css、js,這些單獨學起來可能不怎么樣,但是學到后面就越是麻煩,就像組合使用。
所以說,想自己學習開發技術在自己搭建網站,真的非一日之功,哪怕你天賦異稟,沒有幾個月的時間是不可能的。
所以像我這種天賦異稟的天才還是找個現成的網站模板就改下變成自己的比較實惠。就比如66好用源碼網,里面有無數模板,隨便改都可以,只要您懂點技術,怎么盜版都可以,不過帶后臺的需要把模板下載下來再修改。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。