操作はubuntu系の環境で行い、その過程を簡単に記録します。
最初に apt-get を使用してデータベースをインストールし、コマンド sudo apt-get install mysql-server を入力して Enter キーを最後まで押し、インターフェイスにデータベースの root パスワードを設定します
データベースに何かを作成する必要があります。 「mysql -uroot -p×××××」と入力して SQL コンソールに入ります。
1. まず、データセットを作成します
2.データベースデータベース名を使用します；
3. テーブルを作成します (ここでは、自動インクリメント ID、ユーザー名、パスワードのみの非常に単純なテーブルを作成します)
create table user_info ( id int(11) not null auto_increment, username varchar(30) not null, password varchar(30) not null, primary key ( id ) )ENGINE=InnoDB DEFAULT CHARSET=utf8 ;
4. user_info 値 (1,'mtjss2','123456') にデータを挿入します。
以下はノードの部分です
myapp などのフォルダーを作成し、npm init の後に、node_modules の依存関係フォルダーが含まれます
npm install --save を使用して次の依存関係をインストールします
1.特急
2.mysql
3.body-parser (ポストパラメータの解析に使用)
Express には独自のデータベース パッケージがないようなので、通常は新しいモデル フォルダーを作成してデータベースのロジックを記述します。簡単なテストだけが必要な場合は、app.js に直接記述できます。
たとえば、ここではモデルの下にある user.js の論理カプセル化クラスを示します。現時点では、ユーザー名を使用してユーザー情報を取得するメソッドは 1 つだけです。他のメソッドは後で追加できます。
var mysql = require('mysql') ;
//connection config
var connection = mysql.createConnection({
host : 'localhost' ,
user : 'root' ,
password : '123456' ,
database : 'my_box'
});
function User(user){
this.username = user.username ;
this.password = user.password ;
}
User.getUserbyUsername = function(username,callback){
var selectSql = 'select * from user_info where username = ?' ;
connection.query(selectSql,[username],function(err,res){
¦ if(err){
¦ ¦ console.log('getUserbyUsername err:' + err) ;
¦ ¦ return ;
¦ }
¦ console.log('Get name success') ;
¦ callback(err,res) ;
}) ;
} ;
module.exports = User ;
再投稿 app.jsはとりあえずルーティングは書かず、/と/regメソッドの処理です
var mysql = require('mysql') ;
//connection config
var connection = mysql.createConnection({
host : 'localhost' ,
user : 'root' ,
password : '123456' ,
database : 'my_box'
});
function User(user){
this.username = user.username ;
this.password = user.password ;
}
User.getUserbyUsername = function(username,callback){
var selectSql = 'select * from user_info where username = ?' ;
connection.query(selectSql,[username],function(err,res){
¦ if(err){
¦ ¦ console.log('getUserbyUsername err:' + err) ;
¦ ¦ return ;
¦ }
¦ console.log('Get name success') ;
¦ callback(err,res) ;
}) ;
} ;
module.exports = User ;
メインページのindex.htmlはviewsフォルダーの下にあります。コードはありませんが、ここに投稿します。
<!DOCTYPE html>
<html>
<head>
<title>my box</title>
</head>
<body>
<form action="/reg" method="post">
<input type="text" name="username"/>
<input type="submit" value="submit"/>
</form>
</body>
</html>
node app.js で起動したら、ブラウザで localhost:3000 にアクセスし、入力にデータベースのユーザー名を入力してデータを取得します。
ps: Node.js を使用する利点と欠点は何ですか?
Node.js の利点: 1. イベント駆動型の非同期プログラミングを使用し、ネットワーク サービス用に設計されています。実際、JavaScript の匿名関数とクロージャ機能は、イベント駆動型および非同期プログラミングに非常に適しています。さらに、JavaScript は習得が簡単で、多くのフロントエンド設計者はすぐにバックエンド設計を始めることができます。 2. Node.js のノンブロッキング モード IO 処理は、Node.js に高いパフォーマンスと優れた負荷容量をもたらし、比較的低いシステム リソース消費量を実現するため、他の IO リソースに依存する中間層サービスとしての使用に非常に適しています。 3. Node.js は軽量で効率的であり、データ集約型の分散展開環境におけるリアルタイム アプリケーション システムにとって完璧なソリューションと考えることができます。 Node は、クライアントに応答する前に大量のトラフィックが発生する可能性があるが、必要なサーバー側のロジックと処理は必ずしも大量ではないという状況に最適です。
Node.js の欠点: 1. 信頼性が低い 2. シングルプロセス、シングルスレッドで、シングルコア CPU のみをサポートし、マルチコア CPU サーバーを完全に活用できません。このプロセスがクラッシュすると、Web サービス全体がクラッシュします。
JavaScriptの文字列文字を交換しますMar 11, 2025 am 12:07 AMJavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します：内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換（）メソッドを使用することです。 str = str.replace（ "find"、 "置換"）; この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace（/fi
独自のAjax Webアプリケーションを構築しますMar 09, 2025 am 12:11 AMそれで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか？ Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました
独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか？Mar 18, 2025 pm 03:12 PM記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。
ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか？Mar 18, 2025 pm 03:14 PMこの記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。
ブラウザ開発者ツールを使用してJavaScriptコードを効果的にデバッグするにはどうすればよいですか？Mar 18, 2025 pm 03:16 PMこの記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。
jQueryマトリックス効果Mar 10, 2025 am 12:52 AMマトリックスの映画効果をあなたのページにもたらしましょう！これは、有名な映画「The Matrix」に基づいたクールなJQueryプラグインです。プラグインは、映画の古典的な緑色のキャラクター効果をシミュレートし、画像を選択するだけで、プラグインはそれを数値文字で満たされたマトリックススタイルの画像に変換します。来て、それを試してみてください、それはとても面白いです！ それがどのように機能するか プラグインは画像をキャンバスにロードし、ピクセルと色の値を読み取ります。 data = ctx.getimagedata（x、y、settings.greasize、settings.greasize）.data プラグインは、写真の長方形の領域を巧みに読み取り、jQueryを使用して各領域の平均色を計算します。次に、使用します
シンプルなjQueryスライダーを構築する方法Mar 11, 2025 am 12:19 AMこの記事では、jQueryライブラリを使用してシンプルな画像カルーセルを作成するように導きます。 jQuery上に構築されたBXSLiderライブラリを使用し、カルーセルをセットアップするために多くの構成オプションを提供します。 今日、絵のカルーセルはウェブサイトで必須の機能になっています - 1つの写真は千の言葉よりも優れています！ 画像カルーセルを使用することを決定した後、次の質問はそれを作成する方法です。まず、高品質の高解像度の写真を収集する必要があります。 次に、HTMLとJavaScriptコードを使用して画像カルーセルを作成する必要があります。ウェブ上には、さまざまな方法でカルーセルを作成するのに役立つ多くのライブラリがあります。オープンソースBXSLiderライブラリを使用します。 BXSLiderライブラリはレスポンシブデザインをサポートしているため、このライブラリで構築されたカルーセルは任意のものに適合させることができます
Angularを使用してCSVファイルをアップロードおよびダウンロードする方法Mar 10, 2025 am 01:01 AMデータセットは、APIモデルとさまざまなビジネスプロセスの構築に非常に不可欠です。これが、CSVのインポートとエクスポートが頻繁に必要な機能である理由です。このチュートリアルでは、Angular内でCSVファイルをダウンロードおよびインポートする方法を学びます
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。
SublimeText3 中国語版
中国語版、とても使いやすい
Dreamweaver Mac版
ビジュアル Web 開発ツール
EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。
ホットトピック
7433
15135952