原创 5. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-Express服務器入口文件index.js設置

一、Express服務器入口文件index.js設置  // node 後端服務器 const router = require('./routes/router'); // 接口地址管理 const path = require('p

原创 6. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-接口地址管理和封裝自定義的js方法

一、.接口管理 在項目根目錄下創建一個routes文件夾,然後下面創建一個router.js文件,用來管理所有接口 // 接口地址管理 let express = require('express'); let user = requi

原创 去除 element-ui Dropdown 下拉菜單右擊時出現的藍色邊框

使用element-ui Dropdown 下拉菜單時,發現鼠標左擊菜單時沒什麼問題,但是在右擊時和點中刷新時會出現藍色邊框。 查看代碼 發現  關於-webkit-focus-ring-color是一種色彩屬性,藍色,類似outli

原创 7. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-請求封裝和sql語句封裝

一、請求封裝 有一些請求方法使用非常頻繁,這裏我們將它封裝一下;在項目根目錄下創建一個sql文件夾,然後下面創建一個http.js文件,用來管理共用的請求方法。 let mysql = require('mysql'); let db

原创 2. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-數據庫(SQL語句)

今天開始步入Vue+nodeJs+MySql之週報管理系統項目的第一步——數據庫。 我這裏用的數據庫是MySql數據庫。 對數據庫的操作主要有兩種方式:1. SQL語句; 2. 圖像化界面。接下來我們來看看這兩種方式分別是怎樣對數據庫進行

原创 1. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-前言

最近一段時間因爲項目需要學了一段時間nodeJs,並用Vue+nodeJs+MySql實現了一套週報管理系統,整體邏輯比較簡單。但是可以我們完整的瞭解一個項目從數據庫到後臺到前端的實現過程,適合有一定前端基礎(包括HTML5、CSS3和J

原创 4. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-後臺NodeJS+Express創建

一、安裝nodejs 官網下載鏈接:https://nodejs.org/en/download/ (選擇適合自己的版本下載) 二、創建後臺項目文件 我是在最外層創建了一個大目錄文件demo-weekly,裏面放了後臺文件夾back-e

原创 8. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-後臺用戶接口編寫

接口主要涉及到登錄、增刪改查等功能,主要分爲兩部分,用戶相關接口和週報相關接口。 一、後臺用戶接口編寫 接下來先看一下用戶接口,在項目根目錄下創建一個controls文件夾,然後下面創建一個user.js文件,用來管理用戶相關接口。 1.

原创 js驗證11位數字

var reg = /^\d{11}$/; var str = '12345678901'; reg.test(str);

原创 element tab選中時會有邊框

解決辦法:在commos.scss中加入屬性覆蓋 .theme{ .el-tabs__item:focus.is-active.is-focus:not(:active) { box-shadow: none;

原创 文件名和目錄名的命名規範

一般目錄用橫線,文件名用下劃線。

原创 electron裏的頁面被ctrl-縮小了,不能用ctrl+恢復正常的解決方案

在electron的主體進程里加上 mainWindow.webContents.on("did-finish-load", (event, args) => { mainWindow.webContents.set

原创 10. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-前端創建vue單頁面項目

一、創建vue單頁面項目 我這裏創建vue項目使用的是Vue-CLI腳手架,Vue CLI 是一個基於 Vue.js 進行快速開發的完整系統。 1. 安裝Vue-CLI npm install -g @vue/cli # OR yarn

原创 3. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-數據庫( 圖像化界面)

前面說了SQL語句方式創建數據庫,這節來說一下圖形化界面創建數據庫的方式。 圖形化界面創建數據庫 我用的數據庫圖形化工具是:Navicat Premium,下面我們來看看如何用Navicat Premium創建數據庫。 一、創建數據庫

原创 jQuery點擊按鈕實現收縮隱藏功能

一、實現的功能 點擊title區域的按鈕,收縮/隱藏相應的內容區域,並改變按鈕中的文案。 二、實現方法 採用jQuery中的slideToggle() 方法 定義和用法 slideToggle() 方法通過使用滑動效果(高度變化)來切換