vue_cli下开发一个简单的模块权限系统之建立登录页面并且实现在浏览器输入地址出现内容

author author     2022-09-20     557

关键词:

新建一个Login.vue(登录页面,先把Hello.vue的内容复制过来即可)

技术分享

 然后我们打开router下面的index.js,第一个箭头:(引入vue路由)第二个箭头(引入我们新建的Login.vue页面)第三个箭头(我们要使用这个路由)第四个箭头(配置路由,path表示在浏览器中输入的路由名称)

技术分享

 然后我们在浏览器中输入这个login页面的地址,就会出来内容了,这样一个简单的页面就建成了

技术分享

 

 

因为我们要使用semantic-ui,所以我们安装一下semantic-ui,进入到命令行界面输入npm install semantic-ui,等待安装完成即可

技术分享

安装完成以后我们需要在main.js里面引入一下,这样我们就可以使用semantic-ui了

技术分享

然后我们修改一下login.vue,用semantic搞一个简单的登录页面v-model就是标识这个输入框,v-on:click="doLogin"就是代表点击事件

技术分享

 页面就变成了下面这个样子

技术分享

 

嵌入式系统开发之环境的建立

...译调试环境建立在宿主机(也就是你的电脑)上。对于的开发板叫目标板。要全然手工的建立针对某特定的目标板的交叉编译环境是一个很麻烦的过程。有些人会问,为什么须要建立特定的环境,从网上下载一个通用的不即可了... 查看详情

数据库系统原理之数据库应用设计与开发实例(代码片段)

数据库应用设计与开发实例第一节需求描述与分析在此,结合某高校个性化课程在线选课的实际需求,给出一个简化的需求分析一、功能性需求1管理员后台模块学生信息管理教师信息管理课程信息管理班级信息管理2学生使用模... 查看详情

工厂模式之简单工厂模式

...使用产品的人,不用在乎产品是如何生产出来的。从软件开发的角度来说,这样就有效的降低了模块之间的耦合。简单工厂的作用是实例化对象,而不需要客户了解这个对象属于哪个具体的子类。简单工厂实例化的类具有相同的... 查看详情

如何从0到1建立后台权限管理系统

...配给不同用户不同权限,衍生出了用户-角色-权限模型,一个角色封装多个权限操作,可直接将该角色分配给用户:  若大量用户使用同一个角色,则每次分配,仍会有很多重复劳动,所以衍生出了「用户组」的概念,将... 查看详情

extjs4.2.1搭建简单的管理系统

先挖个坑,前段时间用ExtJS4.2.1做了一个管理系统,最近想着整理下,整理成一个通过的,包含注册、登录、角色、权限、基本模块使用的系统,方便以后使用,把管理系统的框架搭建过程记录下来规划:1.ExtJS的简单介绍2.使用Ex... 查看详情

jdk模块化之简单示例(代码片段)

...模块HelloWorld-Module以下示例都采用JDK17,IDEA2021.2进行开发。主要步骤如下:新建一个模块命名模块应用的文件结构开发、运行、打包图解 查看详情

jdk模块化之简单示例(代码片段)

...模块HelloWorld-Module以下示例都采用JDK17,IDEA2021.2进行开发。主要步骤如下:新建一个模块命名模块应用的文件结构开发、运行、打包图解 查看详情

linux操作系统下怎么建立一个系统管理员

...户登录时,想要切换到管理员权限,可以用su命令。还有一个sudo命令,需要将当前用户加入到sudoers里面,然后才可以用,有的系统可以直接用。就这些。希望对你有帮助吧。参考技术A根用户root等于windows的administrator。不过linux... 查看详情

操作系统开发之——一个简单的bootsect

先吓唬一下读者朋友呵呵,直接发代码:(这是UOS操作系统的Bootsect)(有兴趣的朋友能够增加我们,联系方式在最后);------------------------------;文件名称:Bootsect.asm;文件创建者:@Imcjy;文件參与编辑者:@Imcjy;文件编码:UTF-8;状... 查看详情

权限管理之rbac模型

...配相应的权限,这里的权限是有前提的,就是它是基于已开发的功能来进行的,如果一个功能还没有开发,那无法对它进行权限控制的。如下图所示为常见的添加角色操作:可以,我们在创建角色时,可能会遇到不同的角色但有... 查看详情

0c#winform开发权限管理历程之权限管理概述

...构数据权限、角色数据权限、用户数据权限等。1C#WinForm开发权限管理历程之三层架构2C#WinForm开发权限管理历程之新建项目3C#WinForm开发权限管理历程之Form1完善4C#WinForm开发权限管理历程之主控窗体功能实现5C#WinForm开发权限管理... 查看详情

abp框架系列学习模块系统之示例开发(代码片段)

...篇博文主要介绍了ABP模块及插件的相关知识,本章节主要开发一个插件示例来学习如何创建一个插件,并在应用程序中使用。这个命名为FirstABPPlugin的插件主要在指定的时间段内删除审计日志。1.创建插件(1).新建项目,选择【类... 查看详情

使用django建立一个最简单的服务器(代码片段)

Django作为python一个灵活性很强的网络框架,在搭建服务器方面非常的方便,通过以下几步就可以建立一个属于自己的web服务器:1.新建一个文件夹(尽量不要选择在系统盘,在搭建虚拟环境的时候会遇到很多的系统权限问题)2.... 查看详情

springboot搭建的一个企业级快速开发脚手架

...tDo是高效率,低封装,面向学习型,面向微服的开源JavaEE开发框架。BootDo是在SpringBoot基础上搭建的一个Java基础开发平台,MyBatis为数据访问层,ApacheShiro为权限授权层,Ehcahe对常用数据进行缓存。BootDo主要定位于后台管理系统学... 查看详情

mendix低代码平台入门-demo实例

...点,包括建立实体、增加页面及权限配置。前言Mendix项目开发的时候需要先建立或者导入一个项目,然后这个项目就会有自动生成一个基础模块,包含了导航页面和项目级权限配置,默认有administrator等角色。本文介绍的基础就... 查看详情

modulezero模块[x-admin&abp框架开发-rbac](代码片段)

...oduleZero模块完成了封装。对于我们大多数以业务为中心的开发人员来讲,不应该又去造一个轮子,而是应该开好这辆车。首先看下Abp中的RBAC模型    在这其中权限表中记录了用户与权限,角色与权限 查看详情

系统基础模块之通用字典项目管理

...中,往往需要维护很多字典项目,一般的字典项目包含有一个大类名称、字典项目名称、字典值、排序、编辑者、编辑时间等字段,这些内容往往大同小异,如在车辆管理中,我们可能需要维护:车辆类型、车辆品牌、车辆用途... 查看详情

接口测试之基于loadrunner的一个简单示例

...ureCallProtocol)的接口。不管是哪种接口,其本质就是发送一个Request,然后服务器响应后返回一个response,然后我们对response进行分析,这就是接口测 查看详情