计算机毕业设计之基于Vue.js的西安市现代农业园区管理系统的设计与实现

随着新经济的需求和新技术的发展，特别是网络技术的发展，如果可以建立起西安市现代农业园区管理系统，可以改变传统线下管理方式，在过去的时代里都使用传统的方式实行，既花费了时间，又浪费了精力。在信息如此发达的今天，我们可以通过网络这个媒介，快速的查找自己想要的信息，更加全方面的积累更多的知识。而且人们也可以突破传统西安市现代农业园区管理的僵硬模式，制定属于自己的个性化的管理方案，因此建立起西安市现代农业园区管理系统具有重大的研究意义和广阔的研究前景。

本西安市现代农业园区管理系统是使用 B/S 体系结构，在技术方面，采用了Express框架和Node.js等技术、维护和开发成本都不错的技术。于是该系统将会给用户提供更多元、更个性化、更全面的服务。

我们的系统主要由二部分构成，前台和后台。用户系统作为主要的使用者，在考虑功能的同时，也考虑了操作的简洁和方便性，目的是让本平台给用户带来的便利。给用户提供了一个多样化的展示区域。如图4-1所示：

管理员点击用户管理，在用户管理页面中输入相关的用户账号、用户姓名，可以查询，添加或删除用户信息，并根据需要对用户信息进行相对应的操作。如图5-9所示：

以下是用户信息的核心代码；

<template >

<el-form-item :style='{"margin":"0 0 20px 0"}' class="input" v-if="type!='info'" label="用户账号" prop="yonghuzhanghao">

<el-input v-model="ruleForm.yonghuzhanghao" placeholder="用户账号" clearable :readonly="ro.yonghuzhanghao"></el-input>

</el-form-item>

<el-form-item :style='{"margin":"0 0 20px 0"}' v-else class="input" label="用户账号" prop="yonghuzhanghao">

<el-input v-model="ruleForm.yonghuzhanghao" placeholder="用户账号" readonly></el-input>

</el-form-item>