實現簡單的mysql資料庫內容網頁端顯示

阿新 • • 發佈：2021-05-30

實現簡單的mysql資料庫內容網頁端顯示

學習過程中查詢網上學習總結。
express,mysql
軟體：Hbulder和mysql

建立專案
首先建立一個test專案檔案
在終端使用node命令列切換到該檔案

cd test

初始化

npm init

安裝express

npm install -g express-generator

express -e  express_1

cd express_1

下載依賴

express -e firstexpress

npm install mysql --save

檔案routes和views目錄結構

index.js程式碼

var express = require('express');
var router = express.Router();
//呼叫mysql模組
const mysql = require('mysql');
//下面的配置必須要與自己本機上的mysql資訊一致
let connection = mysql.createConnection({
  host:'localhost',   //主機地址
  port:3306,	    //埠
  user:'root',       //賬號
  password:'XXXX',   //XXXX為自己資料庫密碼
  database:'XXX' 
   //連線的資料庫名XXX
});
//連線到資料庫
connection.connect();
//執行sql語句，從test表中查詢資料
var user_sql = 'SELECT * FROM XXX';                  //XXX為要查詢的表名
connection.query(user_sql,function(err,result){
  if(err){
    console.log('[query]-:'+err);
  }else{
    //拿到result將其作為data渲染給模板引擎，比如這裡的index頁面
    router.get('/', function( 
req, res, next) {
      res.render('index', {
        title: 'express&mysql測試',
        data:result
      });
    });
  }
})
module.exports = router;

index.ejs程式碼

<!DOCTYPE html>
<html>
<head>
  <title><%= title %></title>
  <link rel='stylesheet' href='/stylesheets/style.css' />
<!--  引入bootstrap框架-->
  <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<table class="table table-bordered text-center">
  <tr>
    <td>表頭1 </td>
    <td>表頭2 </td>
    <td>表頭3 </td>
    <td>表頭4 </td>
  </tr>
  <% for(var i=0;i<data.length;i++){ %>
    <tr>
      <td><%= data[i].表頭1 %></td>
      <td><%= data[i].表頭2 %></td>
      <td><%= data[i].表頭3 %></td>
      <td><%= data[i].表頭4 %></td>
    </tr>
  <% } %>
</table>
</body>
</html>

完成簡單的前端頁面顯示資料庫表。

實現簡單的mysql資料庫內容網頁端顯示

實現簡單的mysql資料庫內容網頁端顯示學習過程中查詢網上學習總結。 express,mysql 軟體：Hbulder和mysql

python簡單實現操作Mysql資料庫

用python編寫資料庫的程式碼很方便，但是如果不想自己寫sql語句，其實還有更多的討巧辦法。使用webpy的db庫就是不錯的一個選擇。當然為了使用webpy的db，之前你還需要安裝MySQLdb，其他的就不需要做什麼了。

Python實現連線MySql資料庫及增刪改查操作詳解

本文例項講述了Python實現連線MySql資料庫及增刪改查操作。分享給大家供大家參考，具體如下：

Python3實現的Mysql資料庫操作封裝類

本文例項講述了Python3實現的Mysql資料庫操作封裝類。分享給大家供大家參考，具體如下：

Python實現備份MySQL資料庫的方法示例

本文例項講述了Python實現備份MySQL資料庫的方法。分享給大家供大家參考，具體如下：

Python實現將MySQL資料庫表中的資料匯出生成csv格式檔案的方法

本文例項講述了Python實現將MySQL資料庫表中的資料匯出生成csv格式檔案的方法。分享給大家供大家參考，具體如下：

簡單mysql資料庫支援下的檔案搜尋

進行專案的原因:本人在淘寶上購買了20G的電子書,但是淘寶商家並不提供檔案引索服務.為了快速的定位本地電子書位置,對電子書目錄進行資料庫化.

Qt中使用QSqlTableModel和QTableView實現與MySQL資料庫的聯動

技術標籤：Qt資料庫mysql資料庫連線MySQL資料庫 QSqlDatabase sqldb = QSqlDatabase::addDatabase("QMYSQL");

robotframework實現連線mysql資料庫

database為資料庫名稱，user為mysql資料庫使用者名稱，password為mysql資料庫密碼，host為mysql對應的主機IP，port為mysql埠號，在每次操作完資料庫時，需要關閉資料庫連線

部署MongoDB分片結合複製集實現對mysql資料庫檔案分散式儲存（思路）

技術標籤：資料庫MongoDB資料庫nosqlmongodb 新增連結描述## 部署MongoDB分片結合複製集實現對mysql資料庫檔案分散式儲存注：

在 K8S 上部署以 mysql 資料庫作為後端儲存的單機版 nacos

Nacos 被用於：服務發現微服務配置資訊管理部署 nacos 時，需要用到如下兩個映象，這兩個映象均來自於 nacos 官方釋出到 docker hub 的映象，

linux實現定時備份mysql資料庫的簡單方法

以下是詳細步驟： 1、檢視磁碟空間情況： [root@localhost backup]# df -h 檔案系統容量已用可用已用% 掛載點

SOCKET編寫客戶端和服務端通訊，連線Mysql資料庫，java實現動態監控

詳細課設報告以及 C#、java 原始碼見碼雲： https://gitee.com/xyy9/socket github： https://github.com/XYYhub/socket

java idea 連線 mysql 資料庫 -- 簡單實現

首先你得有個 mysql 賬戶，自己設定使用者名稱和密碼順序，先下載 mysql 驅動下載完成後將解壓後如下所示的 .jar 檔案拖入 lib 包再右鍵新增為庫。

用python實現一個最簡單版本的mysql資料庫連線池

import time from threading import Thread import mysql.connector class db(): list = [] # 每個連線最大使用次數

CAD圖與網際網路地圖網頁端相互疊加顯示技術分析和實現

需求分析之前相關的博文中介紹瞭如果在Web網頁端展示CAD圖形(唯傑地圖雲端圖紙管理平臺 https://vjmap.com/app/cloud)，當一些CAD圖紙有實際地理座標位置時，如地形圖等，有時候需要和網際網路地圖疊加進行顯示。其

C# 列印網頁不顯示頁首頁尾的實現方法

1.在IE瀏覽器點“列印”—“頁面設定”，IE的預設設定如下圖 2.設定在登錄檔裡

python與mysql資料庫互動的實現

1、安裝pymysql庫如果你想要使用python操作MySQL資料庫，就必須先要安裝pymysql庫，這個庫的安裝很簡單，直接使用pip install pymysql;進行安裝。

MySQL資料庫實現MMM高可用群集架構

概念 MMM(Master-Master replication managerfor Mysql，Mysql主主複製管理器)是一套靈活的指令碼程式，基於perl實現，用來對mysql replication進行監控和故障遷移，並能管理mysql Master-Master複製的配置(同一時間

Pycharm+django2.2+python3.6+MySQL實現簡單的考試報名系統

1 準備工作 1.1 環境搭建 1.1.1 安裝python3.6 python安裝官網 1.1.2 安裝django2.2 pip install django(==2.2.0) //不加版本預設安裝最新版

實現簡單的mysql資料庫內容網頁端顯示

實現簡單的mysql資料庫內容網頁端顯示

相關推薦