目次
関連シリーズ記事
Webサイト構築シリーズ(1) - Webサイトの基礎知識
Webサイト構築シリーズ(2) - ドメイン名、IPアドレス、URL、ポートの詳細説明
Webサイト構築シリーズ(3) - ネットワークプロトコル
Webサイト構築シリーズ(4) - WebサーバーApacheとNginx
ウェブサイト構築シリーズ (5) - フロントエンド開発言語 HTML、CSS、JavaScript
ウェブサイト構築シリーズ (6) - バックエンド開発言語 ウェブサイト
構築シリーズ (7) - よく使われるフロントエンドとバックエンドフレームワーク
Webサイト構築シリーズ(8) - ローカル開発環境構築(WNMP)
序文
これまでの勉強でWeb開発についてある程度の理解はできたと思いますが、フロントエンド言語とバックエンド言語を学んだところで、システム開発を考えたことはありますか?それは非常に難しいと思いますか? 1 つのフロントエンド ページに多くの時間がかかりますか? もちろん、学習プロセスは一夜にして完了するものではなく、学習の初期段階では少しずつコードを入力するのが良いでしょう。基本的な言語をすでに学習している場合は、フレームワークについて学習しましょう。!
1. フレームワークとは何ですか?
- Baidu の定義: フレームワーク (フレームワーク) は、特定の種類のソフトウェアの再利用可能な設計を構成する、連携するクラスのグループです。フレームワークはアプリケーションのアーキテクチャを指定します。全体の構造、クラスとオブジェクトの分割、各部分の主な役割、クラスとオブジェクトがどのように連携するか、および制御フローを定義します。フレームワークはこれらの設計パラメータを事前定義するため、アプリケーション設計者または実装者はアプリケーション自体の特定の詳細に集中できます。
- 上記の説明では理解できないかもしれませんが、フレームワークを使用すると Web 開発が非常に便利になるということだけを知っていれば、学習すれば自然とコンセプトが明確になります。
2. フレームワークを使用する理由
- (1) シンプルで学びやすく、開発効率と品質が大幅に向上します。
- (2) 将来のメンテナンスを容易にするためにコード構造を標準化する。
- (3) 手書きに比べてプログラムの安全性が大幅に向上します。
3. 一般的に使用されるフレームワーク
(1) ブートストラップ
- Bootstrap公式サイト: https: //www.bootcss.com/
- レスポンシブ レイアウト、モバイル ファーストWeb プロジェクトを開発するためのオープン ソース HTML、CSS、および JS フレームワーク。
(二)Layui
- Layui公式サイト: https: //layui.org.cn/
- オープンソース Web UI ソリューションは、独自の古典的なモジュラー仕様を採用し、ネイティブ HTML/CSS/JS 開発手法に従っています。これは、多くの場合、Web インターフェイスの迅速な開発に適しています。
(3) JQuery
- JQuery公式サイト: https: //jquery.com/
- JavaScript プログラミングを大幅に簡素化する、高速で簡潔な JavaScript フレームワーク。
- 独自のチェーン構文と短く明確な多機能インターフェイスを備え、効率的で柔軟な CSS セレクターを備え、CSS セレクターを拡張でき、便利なプラグイン拡張メカニズムと豊富なプラグインを備えています。
(4) Vue.js
- Vue公式サイト: https: //cn.vuejs.org/
- これは、ユーザー インターフェイスを構築するための進歩的な JavaScript フレームワークです。
- ほとんどの企業が採用している、最初に学ぶのに最もおすすめのフレームワーク!!!
(4)ThinkPHP
- ThinkPHP5.1 開発ドキュメント: https://www.kancloud.cn/manual/thinkphp5_1/353946
- ThinkPHP6.0 開発ドキュメント: https://www.kancloud.cn/manual/thinkphp6_0/1037481
- 高速で互換性があり、シンプルで軽量な国産 PHP 開発フレームワーク。
- ThinkPHP には、基礎となるアーキテクチャ、互換性処理、基本クラス ライブラリ、データベース アクセス層、テンプレート エンジン、キャッシュ メカニズム、プラグイン メカニズム、ロール認証、フォーム処理などの共通コンポーネントが含まれているため、アプリケーション開発のほとんどのニーズを解決できます。クロスバージョン、クロスプラットフォーム、クロスデータベースの移行にはより便利です。
(5) スプリングブーツ
- Spring Boot公式サイト:https://spring.io/projects/spring-boot
- Java プラットフォーム上のオープンソース アプリケーション フレームワークです。