一、PC端網(wǎng)站，手機(jī)版網(wǎng)站，APP，三者可以實(shí)現(xiàn)共用同一數(shù)據(jù)庫(kù)同步更新

一般網(wǎng)站實(shí)現(xiàn)pc端與移動(dòng)端適配的需求，方案有兩個(gè)：

1、一套頁(yè)面，從設(shè)計(jì)時(shí)就考慮到跨設(shè)備適配，響應(yīng)式的一步到位；

2、開發(fā)兩套頁(yè)面，根據(jù)設(shè)備尺寸加載加載不同的資源，目前已經(jīng)不常見了；

響應(yīng)式方案

做一個(gè)響應(yīng)式的頁(yè)面。即只用一個(gè)鏈接，用媒體查詢來控制樣式。同一個(gè)鏈接pc和移動(dòng)端打開都可以適配，有的模塊是用兩套不一樣的css樣式。

最近做了一個(gè)匹配平板和手機(jī)的頁(yè)面，我用的媒體查詢是768px。因?yàn)閕pad的尺寸是1366*768

@media only screen

and (min-device-width : 768px){

?? .PaperTitle{

?????? padding: 0 8rem;

?? }

}

@media only screen

and (max-device-width : 768px) {

??? .PaperTitle{

??? padding: 0 3rem;

??? }

}

如果要用響應(yīng)式的效果，較好從UI設(shè)計(jì)時(shí)就考慮到適配問題。設(shè)置寬度時(shí)，注意盡量用比率代替具體的數(shù)字。多測(cè)試頁(yè)面在不同分辨率下的寬度展示效果。

比如網(wǎng)頁(yè)的內(nèi)容寬度其實(shí)是1100px，兩邊就做留白處理。不管用戶的電腦有多寬，我們展示完1100px寬度的網(wǎng)頁(yè)后，讓網(wǎng)頁(yè)居中，剩下的寬度平分在兩邊即可。這樣我們能保證網(wǎng)頁(yè)內(nèi)的各個(gè)空間寬度比例在較好的范圍內(nèi)。

以前很多設(shè)計(jì)網(wǎng)頁(yè)內(nèi)容的寬度是鋪滿整個(gè)屏幕的，在現(xiàn)在的帶魚屏上就會(huì)把網(wǎng)頁(yè)拉伸的非常難看。

做兩套頁(yè)面的方案

對(duì)外宣傳用同一個(gè)鏈接，但是該鏈接在移動(dòng)端與pc端打開，會(huì)分別自動(dòng)跳轉(zhuǎn)到兩個(gè)不同的詳細(xì)的鏈接。

js判斷是pc或移動(dòng)端核心代碼如下：

響應(yīng)式案例

1：個(gè)人博客用戶端

下面的博客是我自己開發(fā)的，我不懂UI設(shè)計(jì)，頁(yè)面都是自己憑感覺拼湊出來的。我的想法是移動(dòng)端屏幕較小，能展示的內(nèi)容有限。移動(dòng)端需要突出重點(diǎn)，放棄一些輔助功能。

2：管理后臺(tái)

對(duì)于管理后臺(tái)的移動(dòng)端適配，我覺得主要在菜單這塊。PC端管理后臺(tái)一般都是側(cè)邊導(dǎo)航欄，移動(dòng)端當(dāng)然是放不下的，所以為了響應(yīng)式展示，頁(yè)面的整個(gè)架構(gòu)要注意調(diào)整。

其余依舊是對(duì)某些非必要的功能做刪除與合并，比如我刪掉了幾個(gè)入口，也把切換賬號(hào)功能有獨(dú)立的位置區(qū)域合并到菜單里。對(duì)于管理后臺(tái)的響應(yīng)式開發(fā)，是會(huì)比用戶端多花一些心思。

延伸閱讀：

二、外關(guān)鍵字約束是什么

外關(guān)鍵字約束定義了表之間的關(guān)系。當(dāng)一個(gè)表中的一個(gè)列或多個(gè)列的組合和其它表中的主關(guān)鍵字定義相同時(shí)，就可以將這些列或列的組合定義為外關(guān)鍵字，并設(shè)定它適合哪個(gè)表中哪些列相關(guān)聯(lián)。這樣，當(dāng)在定義主關(guān)鍵字約束的表中更新列值，時(shí)其它表中有與之相關(guān)聯(lián)的外關(guān)鍵字約束的表中的外關(guān)鍵字列也將被相應(yīng)地做相同的更新。外關(guān)鍵字約束的作用還體現(xiàn)在，當(dāng)向含有外關(guān)鍵字的表插入數(shù)據(jù)時(shí)，如果與之相關(guān)聯(lián)的表的列中無與插入的外關(guān)鍵字列值相同的值時(shí)，系統(tǒng)會(huì)拒絕插入數(shù)據(jù)。與主關(guān)鍵字相同，不能使用一個(gè)定義為 TEXT 或IMAGE 數(shù)據(jù)類型的列創(chuàng)建外關(guān)鍵字。外關(guān)鍵字非常多由16 個(gè)列組成。

指定在刪除表中數(shù)據(jù)時(shí)，對(duì)關(guān)聯(lián)表所做的相關(guān)操作。在子表中有數(shù)據(jù)行與父表中的對(duì)應(yīng)數(shù)據(jù)行相關(guān)聯(lián)的情況下，如果指定了值CASCADE，則在刪除父表數(shù)據(jù)行時(shí)會(huì)將子表中對(duì)應(yīng)的數(shù)據(jù)行刪除；如果指定的是NO ACTION，則SQL Server 會(huì)產(chǎn)生一個(gè)錯(cuò)誤，并將父表中的刪除操作回滾。NO ACTION 是缺省值。

ON UPDATE {CASCADE | NO ACTION}

指定在更新表中數(shù)據(jù)時(shí)，對(duì)關(guān)聯(lián)表所做的相關(guān)操作。在子表中有數(shù)據(jù)行與父表中的對(duì)應(yīng)數(shù)據(jù)行相關(guān)聯(lián)的情況下，如果指定了值CASCADE，則在更新父表數(shù)據(jù)行時(shí)會(huì)將子表中對(duì)應(yīng)的數(shù)據(jù)行更新；如果指定的是NO ACTION，則SQL Server 會(huì)產(chǎn)生一個(gè)錯(cuò)誤，并將父表中的更新操作回滾。NO ACTION 是缺省值。

NOT FOR REPLICATION

指定列的外關(guān)鍵字約束在把從其它表中復(fù)制的數(shù)據(jù)插入到表中時(shí)不發(fā)生作用。