A. 寫一個管理系統,我用h5寫的前端登錄頁面,這樣屬於B/S模式嗎
B/S模式,顧名思義什麼叫B/S
瀏覽器/伺服器 之間的交互。
你的管理系統是瀏覽器跟伺服器之間的交互不,就那麼簡單。
B. 有了網站後台管理系統還要前端幹嘛
所謂的前端後台只是根據網站功能來分的,前端就是你通過域名看到的東西,後端是管理前端展示內容的
C. 後台管理系統,前端框架用什麼最好
1、前端js框架太多了,有這么些是常用的。
jQuery(jQuery UI、jQuery EasyUI、LingerUI等等)
ExtJS(ExtJS、Ext.NET、FineUI)
Bootstrap
2、總體來說,jQuery比較輕量級;ExtJS界面效果比較好,但是比較重;Bootstrap目前比較流行,響應式布局。兼容性方面都還可以,不同的開發庫版本支持不同的瀏覽器版本。
3、bootstrap 並沒有專門的企業級 grid,如果有著方面的需求,那你需要一種企業級的 grid 框架。例如使用 ExtJs或者jQueryUI的 grid。例如使用 ExtJs或者jQueryUI的 grid --> 例如使用 ExtJs或者jQuery EasyUI的 grid
4、基於 javascript的前端軟體(這應該在傳統的bs概念中單獨「正名」出來,以免跟傳統的asp.net企業應用搞混了)與cs的區別並不是在於「卡、卡」上。其實這時候並不卡,而且美工調整其css也非常方便。
5、如果說cs與這類前端軟體的區別,最重要的還是cs可利用的資源很多。例如高效率的長連接通訊資源、GPU資源、成百上千UI組件組員、成千上萬現成的復雜樣式、直接訪問本地設備、操作系統api等等。
6、如果糾結於很簡單的原因,也許5年前我會認為js富客戶端應用還不太行,但是現在,我認為可以考慮取代cs應用中80%以上的部分了。實際上,現在的好的js前端也總是「復合的」,也就是可以調用各種瀏覽器插件去使用native的程序,所以混合結構的js富客戶端程序具有了相當程度的cs的性能特點,而其在跨平台(mac、iOS、linux、Android、windows全平台、等等平台)上的能力是一直在提升著的。
D. 關於後端程序員寫前端用什麼框架更好
各大前端框架可以按照「封裝度」的標准來區分。 設計剛出的一套網頁皮膚,封裝度為0。層層封裝到可以直接用後台語言寫頁面,封裝度為10。那麼我是這樣來區分前端框架的。
1級——純html+css 放5年前,基本就是用Dreamweaver剛排出來的頁面或者網頁查看源代碼扒下來的皮膚。不涉及到js,就是純頁麵皮膚。
2級—— bootstrap系列 bootstrap的出現是一個里程碑事件。發源於twitter,引入了不少html5/css3的特性。由於它對響應式的支持以及良好的體驗,給人一種耳目一新的感覺。其源碼,不管是css還是js都值得學習一下,看後經常會有「原來還可以這樣做」這種恍然大悟的感覺。不過歸根結底是一套ui皮膚+少量js組成的框架,屬於封裝度偏低的框架。
3~4級—— metronic/adminLTE系列 基於bootstrap或者其他1級框架,然後集成了各種jQuery插件、富文本編輯器等js庫,組成的一個大雜燴工具包和案例庫。皮膚基本是基於bootstrap自定義的一套主題。案例比較詳盡,開發的時候找到需要的組件把前端代碼復制粘貼,再稍微調試一下就能達到良好的視覺效果。根據集成的第三方庫的多少,基本可以劃分到3~4級封裝度這樣的范圍。這個級別的框架的代碼更多的是屬於粘合劑,將各種不同的第三方庫的前端代碼粘合起來。
5級—— jQuery-ui 這里要單獨把jQuery-ui拿出來講,並不是因為它的封裝度有多高,而是我認為它是一個分界點。jQuery以下級別的框架,代碼以css為主,自身的js代碼少,框架量級更輕,更靈活,更適合互聯網web產品。jQuery以上級別的框架,屬於前端的重度封裝,通過框架暴露的介面進行開發,開發人員甚至不需要太多前端知識,只需要詳細查看框架的開發文檔即可。jQuery以上級別的框架更適合傳統管理軟體的開發。
6~7級—— easy-ui/DWZ easy-ui基於jQuery-ui,不過具有更豐富的組件庫。貌似商業版收費很高。聽說某大型國企花了大價錢購買下來使用。DWZ是國產框架中我認為綜合表現還不錯的,完全免費,有問題可以在他們的QQ群里提。其餘的之前還用過金蝶的operamasks-ui,不過現在好像已經不更新了。這一類級別的框架還有一個另外的稱呼——「富客戶端框架」,意思就是重度js框架。使用起來開發效率很高,當年也是一度百花齊放,框架輩出。
8級—— extjs系列 extjs屬於前端框架領域中的龐然大物,封裝程度很高,具有自成體系的元素選擇引擎和瀏覽器兼容方案,js寫法上也有自己的方式。組件很多很全。只看extjs的官方文檔和示例幾乎不必學習任何其他的前端知識就可以做出「很漂亮」的前端頁面。當然頁面很容易「撞衫」。使用時間長了,會對其產生嚴重依賴,離開extjs,幾乎不會寫前端頁面了。
9級——vaadin/GWT 最後一級,也是封裝度最高的一級,也就是所謂的使用後台語言寫前端。如果說之前的八級至少前端和後端還是相對分離的,後台程序在java中寫,前台程序在html或者js中寫;那麼這一級別的框架簡直會顛覆你的認知!只需在後台使用java寫好了類和對象,並設置好相關的屬性,網頁的元素是自動通過後台對象生成的。這當然有好處,媽媽再也不用擔心我不會寫js和css了。然而就學一下html/css/js真的那麼難嗎?個人認為,盡管GWT有google的這么強悍的背書,但是這種9級封裝的本質上把前後台耦合得更緊密。一個人做一個項目還可以考慮,但是一個團隊前後台分離、模塊化開發的時候,使用這種框架是一種災難!所以我是極度不建議使用9級封裝框架的。
E. web管理系統先做前端還是後端
先做後台。
做好了後台,直接綁定前台,這樣能更好的利用後台 ,減少代碼的冗餘 ,增加代碼的重用,能更好的利用 框架 ,架構,功能也能夠更好的體現。
F. 前端是什麼意思
移動前端開發和web前端開發都屬於前端開發,具體有以下區別。 1、業務的應用場景 web前端開發主要指傳統的PC端網頁開發,頁面主要是運行在PC端瀏覽器中,移動前端開發出來的頁面主要是運行在手機上。直觀上會感覺,PC端頁面大一些,移動端頁面小一些,但是根據開發經驗,頁面大可並不代表書寫的代碼復雜,頁面小也並不意味著開發簡單,難與易主要還是取決於具體的業務需求。 2、新技術的使用由於在移動端主要以webkit內核為主,對於HTML5等新技術支持的更好,所以可以更大范圍的使用新技術,而PC端開發由於很多場景下要求兼容IE等老版本瀏覽器,出於瀏覽器兼容性的考慮,有些情況下限制了新技術的使用。 3、頁面的適配性傳統PC端的頁面開發一般都會選擇給頁面設定一個固定寬度,兩側有留白,但是移動端的頁面由於其載體手機屏幕比PC要小很多,一般都會選擇盡可能多的在手機屏幕上顯示內容,這就要求移動端頁面要能夠充分適應各種屏幕尺寸的手機並進行最大程度的利用。從這一點上來說移動端頁面的適配難度更高一些。 4、頁面的性能 PC端的網路情況一般比較穩定,都是通過網線或者Wi-Fi連接網路,但是移動端就比較復雜,除了Wi-Fi,還有2G、3G、4G甚至是在幾種不同的網路連接中交替切換也經常發生。不穩定的網路連接對頁面性能帶來的挑戰是移動端的頁面資源不能太大,否則在惡劣網路情況下時,頁面將會無法訪問 ,嚴重影響用戶體驗。 5、框架選型由於移動端網路情況的不穩定,導致我們在移動端頁面框架選型時,一般只考慮小而美的框架,例如像zepto.js這樣的壓縮之後只有9.6K,就能滿足一般業務的需要,如果是想要構建更復雜的單頁面應用,可以選擇像vue.js這樣的框架,功能強大,但體積壓縮後卻只有20多K。而web端相對選擇的范圍就比較大,一些比較重型的框架也可以根據項目需求加以考慮,例如古老但龐大的ext.js,依然憑借著眾多UI組件活躍在一些企業的後台管理系統項目中。(6)管理系統前端擴展閱讀 Web前端開發需要掌握的技術: 1、熟練掌握前端開發技術(HTML5、JS、JSON、XHTML、CSS3),了解各項技術的相關標准。 2、掌握Ajax非同步編程,能夠寫出高性能、可復用的前端組件。 3、對OO、MVC、MVVM等編程思想、前端框架有深刻理解,熟練掌握一個前端框架(常用前端框架 Vuejs,AngularJS,React,Bootstrap,QUICK UI,移動端有:Frozen UI,weUI ,SUI,MUI,AUI)了解其原理(框架有很多,選擇兩三個主流的框架,熟練,深度了解才可以)。 4、善於Web性能優化,可訪問性、對SEO等有良好的體驗;理解表現層與數據層分離的概念、 Web語義化(這些也是在找工作中,很有用的加分項)。 5、了解前端安全機制,熟悉HTTP協議以及瀏覽器緩存策略。 6、熟悉常見JS開發框架源碼實現,(如:prototype、jQuery、Mootools,Ext, Dojo,underscore、YUI、Kissy),至少熟練一種(當然也不要去選一些用的人很少的框架,要明白大項目都是團隊做,不能自己搞一套)。 7、擁有良好的代碼編寫,設計文檔撰寫的經驗,熟練使用Git等版本控制工具。 8、對常見的瀏覽器兼容問題有清晰的理解,並有可靠的解決方案,如IE6/7/8/9、 Firefox、Safari、Chrome。 9、具有較高的審美(這個很重要,多去見識一些模板,高端的項目,就能感覺到有多大的差距)。
G. 前端後台管理系統的啟用禁用怎麼寫
說個思路吧,管理系統中的啟用禁用一般是通過點擊去進行事件請求的,點擊啟用按鈕,需要進行ajax請求與後端進行交互,給後端傳他需要的參數,然後後端更改資料庫表,成功後返回給前端一個欄位表示成功了,前端接收,然後前端將按鈕樣式改為禁用的樣式,這個時候啟用的步驟就結束了;點擊禁用按鈕同理。
H. 前端開發框架有哪些
前端框架好不好用還是要看具體情況分析,我這里給你推薦幾個常用的框架,可以按需使用。
1、vue-element-admin
一個基於vue2.0和Element的控制面板UI框架,這是使用vue技術棧開發的前端程序員的首選管理系統模板,模板已經非常成熟了,並且有相關的社區和維護人員,開發時候遇到問題也不要慌。
2、AdminLTE
非常流行的基於Bootstrap 3.x的免費的後台UI框架,這是一個非常老牌的後台管理系統模板,每個頁面都是單獨的html網頁,適合前端入門新手用來做項目。
3、ant-design-pro
這個就不多說了,選擇react技術棧的童鞋們必然離不開這個優秀開箱即用的中台前端/設計解決方案,文檔齊全,組件豐富,一鍵生成模板,更支持開啟復制粘貼模式哦。
4、ng2-admin
這是基於Angular 2、Bootstrap 4和webpack的後台管理面板框架,要收前面已經有了React和vue技術棧的模板,那怎麼能少了ng的?雖然在國外用的比較多,國內較少使用,但絲毫不影響ng作為前端框架三巨頭之一的地位。
9:material-dashboard
基於 Bootstrap 4 和 Material 風格的控制面板。Material Dashboard 是一個開源的 Material
Bootstrap Admin,其設計靈感來自谷歌的 Material Design 。
10:d2-admin
D2Admin 是一個完全 開源免費 的企業中後台產品前端集成方案,基於 vue.js 和 ElementUI 的管理系統前端解決方案 ,小於 60kb的本地首屏 js 載入,已經做好大部分項目前期准備工作
11:vuestic-admin
vuestic-admin管理台儀表盤是一個響應式的儀表盤模板,採用Bootstrap4和Vue.js構建。這個精美的管理台模板提供了自定義元素組件,如地圖,聊天,個人資料卡,圖標,進度條等,以及用於登錄和注冊的預建頁面。
I. 請教XX管理系統的前端頁面展示和後端許可權控制的一般解決方案
前端面向的是用戶編程,就是用戶可以看得到摸得到的。UI就是其中的一部分。後端是面向服務(伺服器)編程,用戶是無須知道裡面的操作的。舉個例子。比如簡單的登陸功能。前端的只要做好兩個文本控制項與一個按鈕控制項,並且監聽按鈕的點擊事件,將兩個文本的參數按照協議發送到伺服器端上。這就是前端要做的。而後端,伺服器就要接收發送過來的消息並且調用資料庫驗證用戶名與密碼。成功後返回結果。