vue人力管理 Vue 員工管理系統

2021-10-12 13:25:05 字數 1121 閱讀 9308

大二暑假進行了兩周vue的入門學習,主要內容就是關於前端的入門學習,在兩周內學習了vue的一些簡單使用

主要就是使用資料的雙向繫結,使用vue進行資料處理,使用bootstrap進行布局搭建,下面是我的**

員工管理系統

table }}}}

修改刪除 修改員工資訊

員工id

員工姓名

員工薪資

儲存修改

//建立vue例項物件

new vue( else {

var addemp = {

id: addid,

name: addname,

salary: addsalary,

createtime: new date().tolocaledatestring()

//新資料新增到陣列中

this.empdataarray.push(addemp);

//刪除函式

deleteempfun(deleteindex) {

var tf = confirm("確定刪除?");

if(tf) {

this.empdataarray.splice(deleteindex, 1);

//更新函式

updateempfun(updateindex){

this.updateempobj=this.empdataarray[updateindex];

searchempfun(sv){

//我們建立陣列用來儲存查詢的結果

var newempdataarray=;//如果查詢到,則給它新增資料

var empdataarray=this.empdataarray;//獲取到原陣列

for(var i=0;i

if(empdataarray[i].id.indexof(sv)!=-1||empdataarray[i].name.indexof(sv)!=-1||empdataarray[i].salary.indexof(sv)!=-1||empdataarray[i].createtime.indexof(sv)!=-1){

newempdataarray.push(empdataarray[i]);

return newempdataarray;

vue 許可權管理

今天來說說許可權管理,因為網上已經有很多關於這方面的很多內容,博主也是借鑑了網上的一些邏輯來寫的,主要也是說說前端實現許可權管理的乙個思路,也是作為自己日後面對這樣的問題的乙個解決方案。首先需要了解的就是純前端是無法實現許可權管理的,vue的許可權管理主要是基於路由實現的,當然這樣的許可權管理完全可...

Vue許可權管理

博主最近剛剛上手乙個圖書管理系統的小demo,在編寫的過程中遇到了許多的問題,尤其是對於我這樣的新手來說許可權管理是乙個難點,本身對vue就不是很理解,所以查閱了許多的文章後才有一點點思路,所以在這裡記錄下來,也希望其他的小白也能夠少走一些彎路。我大概的思路是這樣的 首先,我們我們有兩種使用者,乙個...

Vue 介面管理

在vue開發中,會涉及到很多介面的處理,當專案足夠大時,就需要定義規範統一的介面,如何定義呢?方法可能不只一種,本文使用axios async await進行介面的統一管理。本文使用vue cli生成的專案舉例。拿segmentfault的官網簡單舉個例子,先看一下官網 舉例問答模組 專欄模組 講堂...