javascript - 后台管理系统,前端用什么框架开发比较好?
现在要改造一个后台管理系统,前端用什么框架比较好?
回复内容:
现在要改造一个后台管理系统,前端用什么框架比较好?
AdminLTE
H+后台主题框架
H-ui.admin
http://flatfull.com/themes/angulr/angular/#/app/docs
使用的是angular1
没人提avalon吗?国产的,还支持ie6.
http://avalonjs.github.io/
还有ui库
http://ued.qunar.com/oniui/home.htm
现在这个界面不是挺好的吗,为什么要改
bootstrap
一份bootstrap+jQuery足矣
网上可以找个免费的 bootstrap admin 模板,或者自己用 bootstrap 搭建一个
AdminLTE
Ace admin
easy UI
强烈推荐Google的Material Design Lite!
Bootstrap + jQuery + AngularJS
但是AngularJS学习成本较高
angular2
如果是公司使用,而且后台系统较为复杂,推荐dhtmlx
优点:
整个UI不需要编写HTML和CSS,JS搞定一切,这也意味着后端开发可以直接做,节省人力
性能超好,加载复杂页面的速度很快,经过测试甩easyUI几条街
界面比较美观,特别是5.0版本全部用扁平化风格,配色、间距、字体什么调整还有专用工具极其简单
缺点:
收费(其实也就几千块钱人民币,价格很公道)
学习成本略高,API文档写的只能算二流
国内用的很少,基本没中文资料
bootstrap+angular足以...
angular 有element,简化版jquery...
用过两个基于bootstrap框架实现的后台管理模板:Metronic、ace admin。觉得还不错
最近一直想玩玩 Material Angular
https://material.angularjs.org/latest/
一直用的这一款
拼图Pintuer-跨屏响应式布局前端开发CSS框架 http://www.pintuer.com/
正好一个月前开发过一个后台管理系统,用bootstrap开发的,不过如果楼主项目不急的话也可以考虑纯手搓啊~
AdminLTE
为什么不用EXTJS
建议什么熟悉用什么。别太纠结框架, 这种时候要以开发速度为主。
angular JS
Ace admin

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



Wie benutze ich die Bootstrap -Taste? Führen Sie Bootstrap -CSS ein, um Schaltflächenelemente zu erstellen, und fügen Sie die Schaltfläche "Bootstrap" hinzu, um Schaltflächentext hinzuzufügen

Um die Größe der Elemente in Bootstrap anzupassen, können Sie die Dimensionsklasse verwenden, einschließlich: Einstellbreite:.

ANTWORT: Sie können die Datumsauswahlkomponente von Bootstrap verwenden, um Daten auf der Seite anzuzeigen. Schritte: Stellen Sie das Bootstrap -Framework ein. Erstellen Sie ein Eingangsfeld für Datumsauswahl in HTML. Bootstrap fügt dem Selektor automatisch Stile hinzu. Verwenden Sie JavaScript, um das ausgewählte Datum zu erhalten.

Es gibt verschiedene Möglichkeiten, Bilder in Bootstrap einzufügen: Bilder direkt mit dem HTML -IMG -Tag einfügen. Mit der Bootstrap -Bildkomponente können Sie reaktionsschnelle Bilder und weitere Stile bereitstellen. Legen Sie die Bildgröße fest und verwenden Sie die IMG-Fluid-Klasse, um das Bild anpassungsfähig zu machen. Stellen Sie den Rand mit der img-beliebten Klasse ein. Stellen Sie die abgerundeten Ecken ein und verwenden Sie die IMG-Rund-Klasse. Setzen Sie den Schatten, verwenden Sie die Schattenklasse. Größen Sie die Größe und positionieren Sie das Bild im CSS -Stil. Verwenden Sie mit dem Hintergrundbild die CSS-Eigenschaft im Hintergrund.

Es gibt zwei Möglichkeiten, eine Bootstrap -Split -Zeile zu erstellen: Verwenden des Tags, das eine horizontale Split -Linie erstellt. Verwenden Sie die CSS -Border -Eigenschaft, um benutzerdefinierte Style Split -Linien zu erstellen.

Um das Bootstrap -Framework einzurichten, müssen Sie die folgenden Schritte befolgen: 1. Verweisen Sie die Bootstrap -Datei über CDN; 2. Laden Sie die Datei auf Ihrem eigenen Server herunter und hosten Sie sie. 3.. Fügen Sie die Bootstrap -Datei in HTML hinzu; 4. Kompilieren Sie Sass/weniger bei Bedarf; 5. Importieren Sie eine benutzerdefinierte Datei (optional). Sobald die Einrichtung abgeschlossen ist, können Sie die Grid -Systeme, -Komponenten und -stile von Bootstrap verwenden, um reaktionsschnelle Websites und Anwendungen zu erstellen.

In PHP wird das endgültige Schlüsselwort verwendet, um zu verhindern, dass Klassen vererbt werden, und die Methoden überschrieben werden. 1) Wenn die Klasse als endgültig markiert wird, kann die Klasse nicht vererbt werden. 2) Wenn die Methode als endgültig markiert wird, kann die Methode nicht von der Unterklasse neu geschrieben werden. Durch die Verwendung von endgültigen Schlüsselwörtern wird die Stabilität und Sicherheit Ihres Codes sichergestellt.

Befolgen Sie die folgenden Schritte, um Daten in Bootstrap zu überprüfen: Führen Sie die erforderlichen Skripte und Stile ein. Initialisieren Sie die Datumsauswahlkomponente; Legen Sie das Data-BV-Datatattribut fest, um die Überprüfung zu ermöglichen. Konfigurieren von Überprüfungsregeln (z. B. Datumsformate, Fehlermeldungen usw.); Integrieren Sie das Bootstrap -Verifizierungs -Framework und überprüfen Sie automatisch die Datumseingabe, wenn das Formular eingereicht wird.
