原创 vue-element-admin與後端交互流程(補)(跨域)

有些朋友說,一個交互過程東一下,西一下的,不知所以然,所以在此補一下vue-element-admin的整體框架結構,並細說一下交互的過程,包括跨域問題! 一:首先是整體框架結構: ├── build

原创 jquery-confirm小彈窗插件的簡單使用

這裏只是簡單的說說如何在vue中使用,想看更多的可以移步此插件官網,很詳細http://craftpip.github.io/jquery-confirm/安裝和全局引用就不多說了,很簡單npm,import就好了需要注意的是,要引入cs

原创 利用vue-router的動態路由和路由傳值實現同一模板渲染不同數據

在日常開發中有一種場景非常常見,比如有一百個列表鏈接,點擊鏈接後進入的頁面模板佈局都是一樣的,只是簡單的有些數據不一樣,所以在vue中可以利用vue-router的動態路由和路由傳值實現,具體如下: 1,在配置模板頁面的路由的時候要用動態

原创 vue-element-admin擼後臺實踐(一)

一個項目首先要解決的問題,同時也是核心的問題就是登陸和權限的問題,vue-element-admin將路由和左邊側欄進行了綁定,所以我們要解決的就是根據不同的role,生成不同的路由,然後動態渲染不同的側邊欄,同時還要解決在後臺可以通過t

原创 前後端分離項目,ngnix如何在一臺服務器部署多套前端代碼

首先是ng的配置: server { listen 80 default_server reuseport; #listen [::]:80 default_server ipv6only=on

原创 vue簡單實現記住密碼功能

原理是在提交表單的時候把用戶名和密碼的值存入cookie中然後再次進入頁面時讀取cookiehtml部分<div class="log_form">                <div class="log_form_biao">蚊子

原创 vue多實例情況下eacharts的異步獲取數據

html就不寫了,自行解決吧,下面寫寫js一:首先在methods中寫一個模型:methods(){  huitu_yxqs(){   var myChart5 = echarts.init(document.getElementByI

原创 css媒體查詢來兼容

1,判斷ipad:@media only screenand (min-device-width  : 768px)and (max-device-width  : 1024px){  樣式}2,判斷ipad橫屏:@media only

原创 封裝的一個jq實現表格列分頁的函數

目前大部分插件都能實現行分頁(tr),但一直沒找到能夠實現列分頁(td)的插件,無奈自己封裝了一個用此函數的注意事項:1,table必須要有class="column_paging_table"class2,分頁按鈕必須是如下結構(cla

原创 better-scroll在vue中實現原生滾動和上拉/下拉加載的效果

爲了方便在VUE中的使用,可以把better-scroll抽化成一個組件,比如我抽化成了一個scroll組件,如下:<template>//ref="wrapper"不能更改  <div ref="wrapper">//此處放加載異步加載

原创 微信小程序獲取表單元素的輸入值

有時我們不想通過表單的submit事件來獲取表單元素的value值,但又不能通過jq那樣的方式,所以這裏列舉一下如何獲取表單元素的值 1.input的輸入值: 首先在input上綁定事件 <input bindinput="quzhi_i

原创 新版vue-cli如何使用json-server來mork

新版的vue-cli由於把dev-server。js合併到webpack.dev.conf.js中,所以在配置json-server的時候文檔中的方法就不適應了第一步:安裝:命令行中輸入 cnpm install json-server

原创 jq---data()方法的妙用

有這樣一種場景:將左側表格中的內容在點擊添加的時候,右側列表會增加相應的一列數據,然而反過來還需要點擊右側列的刪除時相應的對左側表格中的對應行操作,此時可以用jq的data()方法,在第一步點擊左側表格添加的時候向該行附加數據,然後左側點

原创 yii2實現後端分頁和模糊查詢

注:這裏說的是前後端分離的方式,前端可以用vue+element,不管用什麼,只要能把需要的參數傳給後端就OK 1.前端需要傳的主要參數包括: listQuery: { //動態請求table數據時傳遞的參數 page_

原创 yii2使用ActiveRecord類對數據庫的操作

ActiveRecord提供了一套面向對象的對數據庫進行增刪改查的方法,很實用,省去了select*的一系列操作 注意:一個ActiveRecord類對應一個數據表 首先來創建一個model,然後model內如下配置 <?php na