若依uni框架使用教程前端
粉丝7100获赞2.0万
相关视频
04:59查看AI文稿AI文稿好，各位同学，大家好，那么上节课我们已经将若一的后台代码运行成功了，那么现在我们来运行一下前端代码，那么前端代码在若一框架中的话，他在若一杠 ui 这么一个目录里面，我们双击它打开，打开了之后我们又见 打开它的一个 open in terminal， 打开它。好，那么熟悉我们 v o e 的项目同学的小伙伴应该知道，它的 v o e 项目的话，我们有一个 package 点 jason， 那我们需要在当前这个若一杠 u n 里面去安装这个里面的一些 in line， 对吧？有很多 depensance 这些依赖的话，我们要安装完成之后才能运行成功。所以说我们拿到 v o e 项目之后的第一步应该是安装依赖，那么安装依赖的命令就是 n p m 啊， install install 啊，如果你这个命令不记得怎么办呢？你打开 pec 键 结实，那么这个右下角对不对？他会弹出一个提示框，让你 run n p m install， 你点一下一样的啊，也是可以的，比如说跟我这里运行命令和点这个地方啊，两者都是一样的，一个目的都是去安装依赖，那我习惯了直接输入我们这么一个命令，经常去输入啊， 记忆更加深刻一点。好，安装一下，那么这个安装的过程的话，可能会有点时间的啊，比较久，对吧？可能时间比较久啊，这个跟你的网速是有关系的，那我们就等待一会好吧，等待一会， 好，刚刚我暂停了一下，然后呢，我们可以看到控制台已经安装完毕了，这个安装的过程可能时间会久一点，那么整个安装过程看一下日志，如果说没有出现 error 啊，没有出现红色的 error 的话，就被 表示没有问题啊，没有问题，那安装成功之后的话，在我们的工程目录中有一个 no 的 models， 那就会引入进来了。好，那我们此时就可以开始进行一个运行了。来，我们来运行一下 n p m wrong d v 就可以了，好用。第一位，是不是第一位呢？我们看下这个 package 的 jason， 那这个地方啊，他有第一位，有一些微微项目，可能这个地方是十二万，等等啊，你就看这个地方是不是第一位啊，是第一位就让第一位就可以了。好，我们启动一下回车。 好，启动了，启动之后他会啊，启动成功之后他会默认的打开我们这个登录首页，我们等一会啊，等一会，正在变异。 好，看，我们能不能够正常的访问到我们路易框架的一个首页，那么目前的话，我们是 可以访问到洛伊在官网的，把它关掉，这个是它的一个文档。关掉。好， 正在变异。好，打开了。好，目前的话是没问题的。这个如果说你在本地运行成功之后，这里没有这个验证码的话，那说明你的后台代码的 release 啊，是有问题的， release 是有问题的。好，那我们输入一下验证码一走， 他说用户不存在或者密码错误。好，耳的密不对，那我再录个一二三四五六试一下，然后这个地方是二进入不对，密码不是一二三四五六，我试一下耳的密， 二三六，哎的命也不对。好，那这个地方我在课件中给到他家一个密码啊，这个密码 的话是我们一个一二三四五六加密之后的一个密码，密码，那这个地方可以去我们的表中进行个替换，为了我们方便的一个登录， 我也不知道密码是啥了啊，忘记了，好，来 ss user， 这是他的用户表，我们双击打开它，在这里有一个 at me， at me 这里有个密码啊，大家把它拉长一点，然后呢？全选 删掉啊，我把下面这个账号密码也把它换一下吧，都换成我的一二三四五六，然后点一下，确定好成功了，那我们再用 and me 一二三四五六登录一下，这个地方是零 登录啊，就可以登录成功了。好，登录成功之后，这个页面啊，跟他官网那个提供的页面是一模一样的，对吧？是因为一模一样的，那这里面所有的功能我们都可以去进行一个试用了啊，都可以进行起 体验一下啊，体验一下跟他的官网上的那个体验粒子的功能是一模一样的。好，那我们前端的代码啊，就全部说完了啊，全部说完了，就这样去进行一个运行，也是比较简单的，主要就是我们两步，对吧？第一步就是运行我们 n p m instore， 将我们来依赖全部进行一个 安装，那就下面的依赖全部进行安装，这个时间可能花的比较久一点。好，那么如果你整个安装过程中没有出现问题的话，那么我们最终通过 n p m raw d e v 啊，就可以进行一个运行了啊，我们前方就可以运行成功了。 好，那么此时我们的整个 voe， 整个洛伊框架的前后台项目，我们就都成功的跑起来了，那么我们下节课就来介绍一下它这个里面的一些功能，以及它的一些目录结构。好，我们下节课再见。
00:37查看AI文稿AI文稿这期我们来快速认识一下前端工程。用 idea 打开工程后，我们会看到 rui ua 目录下包含多个目录及文件，跟目录下的 will kangev j's 为在开发模式下的配置文件，要改变跟后端接口对接，只需更改他改的即可。 f development f production 分别是开发模式和生产模式。 api 接口访问配置文件，前端圆码就放在 src 目录里面，包含了十个目录及四个文件。 api 接口放在 api 目录下，页面代码实现放在 vivo 子下。这期问题为何要分开发模式和生产模式？
113龙码精神
02:52查看AI文稿AI文稿hello， 然后今天给大家分享若一管理系统，然后它是基于 springboot 的一个权限管理系统，首先我们看一下它的一个运行效果，这里我们已经运行起来了，我们从登录页面开始，这里是若一后台管理系统的一个登录页面， 然后我们点击登录他的，需要输入一下他的一个验证码， 好登录进来之后他的一个权限那一块系统系统管理有用户管理，角色管理这一块的基本都是做的非常的一个完善， 然后非常适合做全站开发的同学们，然后出去接一些私活，可以完全采用我们若一这套的一个框架。 然后系统监控也是有在线用户以以及他的整合了 cos 定时任务系统工具，这里他有一个表单构建和代码生成，像一般的简单的单表查询都可以通过我们代码生成 好，然后我们看一下他的一个啊本地部署教程，首先把他的代码在我们 ge 上面给他给当下来， 然后需要启动我们的一个后台服务端，然后因为这是前后台不分离的一个版本，因为他前台的代码也会写到我们耳朵命 resource 这一个 template 词下面，所有的前台的页面都会写到这里。然后我们启动的时候只只需要 启动若一港二的命这一个服务，然后把我们的一个配置文件 resource 下面，他有一个配数据库的配置文件，我们把它给修改好，修改完成之后，我们就可以启动右键启动我们的一个应用，启动完成之后， 我们这里给大家启动一下， 稍等啊，正在启动，启动完成之后他会暴露出来我们一个端口， 这个八零就是他的一个后台的一个端口，所以说我们访问的时候只需要访问八零端口。 好，现在就可以访问进来。 嗯，这整个他的一个像权限那一块已经处理的非常好， 然后有还不会的，你可以点赞、收藏、关注一下，然后下来慢慢学好， ok。
118程序员Mars(创业中)
06:51查看AI文稿AI文稿啊，各位同学大家好，本小节我们继续 unifa 的学习，那么在上小节给大家讲解了微杠袖子的一个指令啊，那么它也是控制元素显示与隐藏的， 那么他跟微艺府的区别是？微艺府，嗯，控制元素显示，运营茶则是啊，创建和销毁元素，而微杠秀则是控制一个元素的 dcplate 属性， 他们两个有本质的区别啊，如果你是频繁切换的场景，我们推荐大家用微秀啊，如果是其他情况，就用微易付啊， 好了，这个是我们的啊，控制元素的显示运差好，这小节给大家讲解另外一个非常重要的指令，叫做什么叫做 model 啊，这个 model 是用来实现双向数据绑定的啊，是用来实现双向数据绑定的 好，他用于什么呢？用于我们的表单元素好。哪些是表单元素呢？所有类型的输入框啊，不管你是普通的输入框也好， 密码框也好啊，然后就是下拉框，多选单选文本域，时间选择这种啊，我们都把它称之为表单元素， 只要你看到了表单元素，那么第一时间要想到我们的微杠波斗这么一个指令啊， 那我有一个模特是怎么用的呢啊？首先我们在我们的 dict 当中去定义一个 w 啊，用来绑定我们 输入框的字啊，比如说我们在这写个音铺的啊，来写个微杠 model 啊， 好，微杠 model 就直接绑定我们的他当中的某一个数据啊， 直接绑定我们对他当中的某一个数据，那么他就可以实现双向数据绑定， ok， 什么叫双向数据绑定呢啊，什么叫双向数据绑定呢？就是好数据改变啊，试图 会改变好，然后试图改变数据也会跟着改变好。这句话说起来有点抽象，那么我们在这给大家做一个实际的案例，给大家看一下， 像我们这有一个巴特啊，然后我们给他叫改变，改变我们的 whello， 然后我们在这艾特克利克，在这写个方法叫 fred value， ok， 来，回到 master 这里面来， 好，我们就直接去改变我们的 w， 等一个一，等一个 a、 b， c 吧， ok， 好，现在我们同时在页面上用叉字表达，是把我们的 w 显示出来 啊，回到我们的页面上来，现在我们的歪了，因为是空的啊，所以说他没有任何内容。 注意这个音铺的框哈，是在 unipa 当中是有默认样式的，是让大家审查元素哈，这种音铺的框就是在这，包括我们把鼠标放上来啊，他也有，只是说你看他有 很多默认的样式啊，比如说百合国奥的没有啊，啊，汉特没有等等等等啊，这个波德也没有，那么为了哈，那个我们看更清楚一点，我们给他个波德吧，波德一 px 啊，给个实现啊，给个红色啊，这样我们就能看得出来了啊。 好了，现在我们开始在页面上的数框当中去输入内容啊，那么这个时候我们的视图就发生改变了啊，说个一一一二二二三三三， 那么我们的 w 啊，会跟着一起改变，这个就是试图改变，而我们的数据会跟着一起改变，而当我们点击这个按钮的时候，我们会去改变我们的这个 value， 在他当中这个 value 的值一点 来，看到没有？好，我们的数据改变啊，是让我们试图也跟着一起改了，这个就叫做双向数据绑定好，这个是非常 好用的啊，那么这个微干窝豆到底是怎么实现的呢啊？虽然他是一个语法糖。什么叫语法糖呢啊？就是啊，内部其实做了很多操作啊，只是我们用下的时候更加方便剪辑了。 好，现在我们要自行实现一个微杠 model 啊，怎么去实现呢？好，我们复制一下这个输入框，就把这个微杠 model 删掉啊。 那么首先第一步我们要给这个输入框动态绑定我们的歪溜直，那么动态绑定歪溜直呢？要不然我们没有动态绑定歪溜直的话，那我们是不可能说我们 数据变了，看我们的视图，就是我们这个输入框的值会跟着一起改变，这是第一点，第二点就是我们需要给他绑定一个音铺的事件，为什么呢？因为我们在输的同时啊，输的同时这个音铺的框 啊的内容一变，我们数据也会跟着改变，实际上就是在他的音库的事件当中去改变，我们这个对话当中词就 ok 了啊，就是我们叫憨豆音库的啊，憨豆音库的啊， ok， 来写， 其实很简单的。好，注意我们的这个，每一个实验当中默认会有这么一个疑问和对象，那么我们怎么在音铺的实验当中拿到这个输入框的值呢？其实很简单，就是把我们的这个 v 六卡在这动态绑定的这个 vr 六啊，等于什么呢？等于我们输入框的值就 ok 了，输入框的值怎么拿呢？叫一点他，给他点 v 六。 ok 啊，现在我们就自行实现了一个啊， 威港 model 啊，这段时间我也刚 model， 总结一下，就是动态绑定 wy 里的值，然后给这个输入框绑定音铺的事件，然后在音铺的事件当中拿到输入框的值，然后付给这个 vi 六就 ok 了啊，就 ok 了啊， 这个就是我们微杠 model 的用法啊，虽然微杠 model 是我们非常重要的一个指令啊，就这三个步骤啊，就被浓缩成了一个 指定的啊，所以说 vivo 还是非常强大的啊，我们用尿不是因为基于 vivo 的语法哈，所以说有这些红利啊。 好了，本小姐姐给大家讲解了 vgmodo 的其中一种用法啊，在下小就会讲其他的用法。好，这小姐姐给大家讲这，谢谢大家。
20课得在线
12:25查看AI文稿AI文稿好，各位同学，大家好，那么上节课我们已经将整个项目运行起来了，那么现在我们来介绍一下咱们这个项目的一些目录结构，以及它的一些功能。 好，首先我们看一下整个工程的一个目录结构，它是一个单体项目，但是呢是根据我们多模块进行管理的啊，它分为很多个模块，将不同的一些代码进行了一些隔离啊，进行隔离。好，那么整个模块中的话，呃， 看过官网同学应该知道，他这个里面有几个模块是可以把它给删掉了。那是没有啊，一些强偶和的这种关系的，比如说什么呢？比如说我们这么一个胯子和我们这么一个深层代码的一个工具模块， 这两个模块你是完全可以删掉的啊，不要他，因为其他模块对他没有任何依赖啊，你可以把他给删掉是没问题的。好，那么我们来介绍这个模块， 在官网中啊，也有一些介绍，那么我们就以官网为例啊，这个是我从官网中直接拷贝过来的。好，那这个地方有个工具类啊，叫 corman。 好，我们这样来看一下， 来把它分开来介绍一下。上面这个地方是第一个模块，它介绍是 common 模块，那么这个空模块的话，对应我们这里有一个 common。 那这个是工具类啊，它的介绍是工具类。那这个里面有很多包啊，有很多包，我们来看一下， 确实下面有很多包，一个包，一个包，他的这个鉴明之意做的还是比较不错的。一个是 alertation， 对吧？专门去存放我们自定义注解的一些类，然后有全局配置的类，然后有常量 核心控制，然后由我们的媒体通用异常啊，工具内都放这个里面，然后 jishen 数据处理，然后通用 用了一些啊，工具类 utils， 然后还有一些 x s s 过滤的处理啊，这是我们那个相当于是个工具包一样啊，这是我们的 corman， 那么这种工具包的话，一般都会被其他的模块进行一个引用啊，被其他模块进行导入引用。好第二块看到我们这个 from work 这个模块里面啊， from working 的话可以见名之意，它是我们若一框架的一些核心的一些类在里面啊，比如说我们看 supreme 的一些元嘛，对不对？几乎都是什么啊？ supreme 点 from o r 机，点 forming work 啊，点什么？它是我们一些核心的 一些框架的代码，在这个里面进行存放着，这里面有一个 aspect， 那就是我们的注解啊，我们会有很多制定注解嘛，对吧？我们就会存放在这个目录。还有一个 configure 啊，就是我们的一些配置类啊，系统的配置相关的一些东西会放在这个 config 一个包下面还有个 datasos 啊，他做了一些数据权限相关的处理啊，就是数据权限，他是在这个包下面，然后有拦截器，还有我们的翼步处理权限的控制，还有前端的控制器啊等等，都在我们的核心包里面啊。 freeman work 这个包里面 好，然后再往下面走，是代码生成包啊，代码生成包他这个地方也说的很清楚，不用可以处 啊，你如果不想用自动生成代码的这个功能的话，你就把它给删掉，定时任务也是一样的，你不用是可以移除掉了啊，这就是我们多模块的一种好处嘛，对不对？跟我们的业务代码进行一个结构，你用就 进行引路，你不用的话可以不引路删掉都可以。那这个我们多模块一个好处，然后还有一个 system 系统代码啊，系统代码，这个 system 目里面呢？我们打开看一下就知道他存了什么东西了，来打开啊，你看一目了然嘛，对吧？哎，朵妹，实体类 mapper， 我们 map 成以及我们的 service 业务贷嘛， 以及我们的 resource 下面的和 marper 层对应的这些 x 文件，那原来都存在我们的 system 里面， 那以后你去写代码，或者你去找代码你就知道。哎，如果说我要找实体类，就是跟数据库表对应的实体类，我们就可以在这个朵妹里面去找，找 marper 层的话，我们在这里面找，对吧？还有 service， 然后以及 service 实现类啊，都给你放的非常清楚了啊，放到这个地方，这是我们 service system 模块，还有我们的 admi， 呃，的命的话，是我们的一个后台服务，后台服务就是我们的 control 接口，那比如说它放到这里呢？在我们的 word 下面有一个 control， 对吧？ system， 你看这 有很多个，很多 ctrl 啊，还有做监控的一些 ctrl， 还有公共的一些 ctrl， 它分个文件夹进行存放了，也就是说它这个地方将我们这个代码进行分开存放了， ctrl 在这里，但是 ctrl 掉的 service 和 marper 以及朵妹疑难都在我们的 system 里面， 那是这么一个目录结构啊，比如说我们随便找一个吧，大家看下 user， 对吧？好， user 里面的这个 sew 在哪里呢？点进去， 你进去看一下，不是在下面吗？对不对？在 system 里面啊，所以说他进行了一个引路，那你这个当前这个模块想要用 system 里面代码，那你在这里面进行引路就行了，对吧？在我们的 home 里面，大家看一下，找一下，他肯定会有引路的。 来找，这是引路 from work， 这是引路定时任务，这代码生成好，他在这里没有进行一个引路，那应该是在 哪里引路了呢？来我们找一下，看 firmwork 里面有没有核心代码里面啊？这里有没有呢？你看说眼影呢？那现在这种关系就这样的啊，就是我们这个 at me 啊，刚才通过我们这个看的话，是 at me 这个泡沫里面是不是引入了 from work 呀？哎，把 free work 进行了一个引入，也就说 free work 里面的代码引到这个里面去了， 它是 freework， 大家看一下 freework 里面的 poem 里面又引入了谁啊？ system， 也就是 say some 代码又引入到 freework 里面去了，那 freework 又引入到等命，那 system 代码同样的在 的命里面吗？对不对？他是一种传递的关系啊，依赖传递的关系，所以我们这里可以正常进行一个 import 啊，进行个 import 可以进行引路，否则的话你这里是引路不了的啊，这就是因为我们这种包的有个传递性好，这是我们一个模块的 一个目录结构的介绍，那么我们整个路易狂想中的建那个技术站的话，那官网做了一个大致的一个介绍啊，大致介绍就是前端采用的是 v o e 和 element ui 啊， element ui 这是我们比较熟悉的一个搭配，然后后端它采用的是什么呢？是 spring boot 加 spring security 加 release 和 j w t 啊， 做了一些权限教验啊，用了接 wt， 支持多终端认证系统好，然后还有就是支持动态加载权限菜单啊，多方式轻松控制权限。 动态叫菜单是什么意思呢？就是我们这个菜单的页面的话，我们左侧看到了这么一个菜单，不同的用户进来的话，看见的菜单的个数是不一样的，那你拥有这个权限，你拥有这个菜单的权限，你进来之后你就能够看到这个菜单，如果你没有这个菜单 权限的话，你是看不见这个菜单的啊，这叫动态菜单，我们待会也会进行一个详细的演示。那不同的人进到系统之后看到是不一样的，那比如说一个普通员工和一个 经理，你进到系统之后，你看见的菜单可能不一样，对不对？我经理可能看到十个菜单，你普通员工可能只看到两个菜单啊，是这么一个意思。好，下面还有一些功能的介绍，那这些功能介绍我就不详细去赘述了，那他自己 把在本地对吧？以运行啊，进来一个一个去体验一下对不对？你自己去新增一下，那你用一下玩一下对不对？反正在本地嘛，你新增了之后你可以删掉了啊，无所谓的一些数据。 那么你自己去测试一下，我们这里有用户管理啊，就是我们做登录了，所以用户在这个地方进行管理，还有角色进行管理。哎，整个系统有哪些角色呢啊？普通员工 对不对？经理啊，董事长助理、总经理等等角色菜单，那么这个菜单的话是咱们整个系统中的所有的菜单资源，他这个地方是分为三个类型的啊，分为三个类型的，你看点新增，他这里分为三个类型，所有菜单数据啊，他分为目录和菜单，还有按钮 啊，我们讲菜单表的时候，我们再来详细进行一个说明。有部门啊，对整个公司的部门进行管理啊，他这个地方是以这种 折叠的啊，竖形的结构进行展示，你也可以进行新增。你要新增这个部门啊，上级是哪一个？你可以去选一下，对不对？你新增这个部门挂在哪个部门下，还是说是根部门啊？自己去选一下就可以了。岗位 啊，整个公司里面这些人员，每个人员有不同的岗位，你可以去做一些新增，以及我们的数据字典的管理啊，每一个系统都会有数据字典 啊，进行一些动态数据的一个维护，对不对？比如说我要加一个性别啊，剪一个性别，我们在这个地方进行维护，有参数设置，那整个系统的一些系统参数在这里进行设置，还有通知公告啊，你可以去进行一些提醒， 当用户登录进来之后的话，他就会有一些消息，对吧？有些消息进行一些提示，这是日字啊，有操作日字，有我们一个登录日字啊，可以进行去看你什么时候登录的， 包括下面我们的系统监控啊，可以看哪些用户是在线的啊？你看这里就看到了，我是在线的，对不对？他可以强退啊，把某个用户让他直接强制退出系统。 网上登录定时任务啊，定时任务，然后还有数据监控啊，就监控一下 at me， 我们来看一下，看是不是 at me， at me， 哎，错了吗？ and me 一二三四五六，哎，不对。好，这个地方从哪里看呢？在我们的若一 at the me 下面应该是有配置的啊，在 resolve 下面，我们看有没有关于德鲁一的一些账号密码的一些配置啊？来找一下， 往下面走到他叫若一啊，一二三四五六啊，得了一的一些控制台的账号密码来，若一 一二三四五六，走，那就可以了啊，这就是我们德鲁一这么一个连接词工具啊，他可以帮助我们去看一些数据员的相关信息，以及我们对 c 口做一些监控， 都可以看得到，对不对？你自己拿下 circle 耗时多久啊，都可以看得到。还有服务的监控啊，就是我们这个服务器啊，当前运行我这个项目的服务器啊，他的左 总内存多少，对不对？然后你这个 ip 啊，是多少，他都可以看的非常清楚。然后还有缓存的监控，整个系统中的所有的缓存啊，他是一个什么情况，这里也是显示的非常清楚了。还有一个缓存列表，就是目前我整个 redis 到底存了哪些缓存数据，这里也是看的非常清晰的 好。还有系统工具就是我们做表单的构建啊，你可以自动去生成一些 v o e 的表单，非常快， 快速购进表单，然后直接导出 vivo 页面，那么这个页面你就可以直接拷贝到你的 vivo 那个 idea 里面去，对不对？不需要你自己去写了，也不需要去按了月官网去考了，直接快速的可以这样去进行操作，然后还有代码生成 啊，待会我们拿回来用一下，若一的代码生成功能的话，也是非常好用的。然后就是系统的接口啊，通过 swag 去操作的，可以定义我们 我们整个系统的一些接口啊，方便我们前后端进连条。 ok， 这是咱们整个落叶框架一些功能啊，就是你啥也不做，你只要把落叶框架拿在本，拿到本地啊，进行一个运行，那么就会包含这功能了。 大家想一想，这些功能是不是都属于一些基础性功能啊？公共性的功能与业务是没有关系的，任何一个系统可能都会需要这些功能啊，所以他把这些功能已经给我们提供好了，方便我们后期只对业务的功能进行开发，对不对？我们只需关注业务这些功能就免去了我们一个搭建的时间， 实际上你从无到有去搭建这么一些功能的话，还是比较耗时的，对吧？所以说我们在企业中的话，很多小公司他就会利用这个洛伊框架直接使用啊，在这个洛伊框架这个代码上面自己在做一些开发，比如说你看他洛伊光像也这样写了， 对不对？你自己可以搞其他模块，那比如说我要带一个支付模块啊，你就可以基于这个框架去再来一个洛伊杠支付配这个模块啊，这你的业务代码全部写在这里面， 然后这个路易框架代码需要更新的话，对不对？你直接在更新用路易宽他路易框架的话，他在不断的进行更新完善吗？对不对？可能加一些其他功能，或者修改一些其他的 bug， 你就可以更新，完全与你的业务代码是隔离开来的 啊，非常优雅啊，设计非常优雅。好，这是整个路易框架的一个介绍啊，一个架构的介绍和功能的一个说明啊，我们简单了解一下，然后后面我们会去详细的去说一些他的怎么做的，比如说他的 rbac 啊，他怎么去啊？做全新的控制，我们会详细再说。好，我们下节课再见。
00:25查看AI文稿AI文稿这期介绍运行前端项目，用 idea 打开前端工程，在 vip 文件中找到并拷贝其中的 npm instant 命令，粘贴到 idea 底部的 turmonno 回车直行安装依赖，依赖安装完成后，再在 turmono 中执行 npm ren def 命令，则可以运行前端工程了。当默认浏览器出现若依登陆页面时，则说明前端项目运行成功了。
345龙码精神
06:31查看AI文稿AI文稿各位同学大家好，本小姐我们继续用 nife 的学习，在上小节给大家讲解了微杠摩的这么一个指定啊。那么我们说了微杠摩的的作用啊，就是双向数据绑定。 什么叫双向数据绑定呢？就是试图改变，数据会改变，那么数据改变试图也会跟着一起改变啊。这个就是双向数据绑定。 那么他是怎么实现的呢？啊，实际上就是给我们的输入框动态绑定 v 六值，然后再去给他绑定音铺的事件，然后在这个音铺的事件当中拿到输入框的值，然后再付给我们的 v 六 啊，一个双下数据绑定就实现了啊。这个指点是非常重要的啊。 ok， 这小节我们继续讲解微藏 model 的 其他的用法。还是一样的，我们写的音铺的框，然后把这个样式还是给他复制过来，要不然看的不是很清楚啊， 你就不需要歪理了啊。微杠 model 啊，实际上微杠 model 他有几个修饰服啊，什么叫修饰服呢？啊，就是还是啊，就是微杠 model 啊，后面跟点点我们修饰服的名字啊，所以呢，他就有一些特殊的 作用啊，现在就有些特殊的作用啊。啊，第一个修饰符叫什么呢？第一个修饰符叫点穴啊，他是去除输入框啊，首尾啊， 空格啊，首尾的空格。好了，比如说我们现在啊没有去除输入框 首尾的空格啊，那么我们在输的时候啊，他实际上我们如果用户输的是空格的话，他还是会展现出来。比如举个例子，我们在这把我们这个歪溜的愣词打印出来看一下， 好像我没有输的时候，因为他是空了这部串，所以说他认识就是零啊，我们输一他就是一，没任何的问题。好，现在我们输空格啊，一直按空格看到没有？ 实际上我们这个 vi 六值一样被计算进来啊，相当于就是你出了十个空格。但是这样是非常不科学的啊。 那么如果我们一旦加上了点去姆这个修饰符之后啊，那么他就刷新一下，可以帮助我们去除首尾的空格。好，现在输空格哎 啊，我们的长度并没有发生改变，包括但是我们要输一二三哈，再输空格啊，实际上还是没有被加上， 这样的话我们就增强了用户体验了。啊，去除了首尾的空格啊，这是第一个修饰服啊，其实是非常简单的，那实际上内部做的操作就是去跳了我们这个支付串的点去这个方法啊，这是第一个修饰服。点去去除首尾的空格。 好，这个修饰服叫点浪板，那么点浪板是什么呢？啊，把输入框的直的类型 转换为 number 类型啊。本来如果我们把这个太普改成 number 的话，那么 实际上你这群我就不要了哈，现在暂时不要啊。那么我们输入的这个就只能输入数字了啊。这个大家都有概念啊，如果我们把音符的太普设置为 lung 的话，他就只能输入数字了，就不能输入什么，不能输入制服， 或者是像中文这种。但是即使你把他的太普设置为 number 之后啊，那么我们拿到的这个类型实际上还是失去类型的，他还是支付串类型。比如说我们在这用 tapo 我来检测一下这个 vip 啊。 啊，看到没有？虽然我们现在输 a 输这幅是没有任何作用的啊，我们输一二三啊，这是可以的，但是我们的这个类型依然是实训类型啊，这个很多时候就跟我们这个设置为 love 不太符合了啊。 如果你是加了点 number， 这个就是福的话啊，刷新啊，默认绑定的是一个空的这部串，这个没有任何问题啊。发此视频的这种数一一一二二三三三 看到没有，他就从我们的死去类型转换成了 number 类型啊，这个也是非常好用的这么一个修饰符啊。 好了， ok。 第三个修饰服叫点 maze 啊，点 maze 实际上就是把我们的这个本来我们上节小节已经讲了，我们身为一个摩托，是绑定了音铺的时间， 音铺的事件就是我们实时输入啊，他就会变啊，那么点位的是什么？就改成了啊，这样内部原理就改成了庆纪事件啊，就改成了庆纪事件是什么呢 啊？输入框直发生改变啊，并且还要干嘛？还要失去焦点，还要失去焦点。不要现在我们在这不加这个雷瑞的话，那就是什么呢啊，你把这开播不就删掉了， 就我们每次输的时候，他就会触发我们这个双向数据把控对不对？好了，一旦加上这个点 mez 这个修饰符的话啊，刷新啊，现在啊，输入框啊，点 mez， 这个点 mez 怎么没有声效， 是不是看我们单词写错了没得，应该没什么问题吧。 好了，点雷瑞没有生效，好在这啊，给 大家补充一下啊，这个啊，只在哈没有当中生效啊，只在没有当中生效啊，在 unis 当中啊，不生效啊， 在 ef 当中不生效。所以说这个点 vize 在 ef 当中是用不上的啊。这个给大家补充一下补充一下啊。那么他只在我们 viv 项目当中生效啊，在 uf 当中啊，做一些处理啊，不生效啊。所以我们在使用这个摩托修饰服的时候，只能使用点曲目和点蓝本啊。 好，这一小节给大家讲解了微钢波的修饰服，这个大家根据实际的需求去使用它啊，还是比较方便的。好了，本小姐就给大家讲到这里，谢谢大家。
12课得在线
04:36查看AI文稿AI文稿这类型的快速开放框架其实非常适合新手学习啊，因为它是非常接近于实战项目，但是又比实战的项目要简单，它里面包含了信息化系统开发的一些基础功能，但是又没有。呃，但是又没有加入大量的这种业务逻辑。 好，接下来咱们看这个框架里面是怎么使用 siri 的。好，咱们看过前几期视频的同学对这个 siri 的基本用法应该有些了解了， 看不太懂的，需要去翻一下前面的几个视频，对吧？咱们先去看那个十二的配置文件在哪？呃，咱们前几期的视频也讲了十二框架的使用，咱们自己需要写两个类，一个就是十二的配置文件，另外一个是， 嗯，自定义的瑞文件，是吧？跟数据库交互的文件。这个的命就是一个外部入口，他的核心代码 和右层主要是在这两个模块里面， framework 和 system framewalk 依赖了 season 模块，也就是说我的命是调用了 fremwalk 这个模块。咱们点开找一下啊。啃飞杆需要配置文件，通常都是在啃飞杆目录下面， 或者说找不到目录的话，大家也可以搜一下，一般搜也能搜出来，就肯定个类。好，咱们打开这个塞尔肯菲格看一下，比如说在实际的项目里面，他这个配置还是比较多的啊。上面是关于塞尔框架使用的一些参数设置， 这里面都有注解，大家自行去看一下啊。咱们往下翻，下面都是相关的一些参数设置。缓存管理器， 这是加载椰子开始的配置文件。椰子开始的 share 配置文件。 嗯，这个就是字音的热文件，非常核心的一个变，那这个力里面干什么？一会咱们点进去看一下啊，再看下面还有什么， 就是三十迈内值的一个管理 security manager 啊，这个方法也是一个核心方法啊，这个里面设置了加热的过滤器，也就是说，呃，他是通过这个过滤器来控制所有的操作权限， 比如说像这些图片路径的，他就不需要过授权，是吧？这都是图片精彩文件四 ss 样式文档，对吧？这些东西都是不需要过授权， 那哪些东西需要过授权呢？咱们就看后面他配的这个值， 因为这是一个后台管理项目，所有的动态路径都需要过授权。 好，接下来咱们再看那个热文件， 咱们点进去看一眼，这个任务文件主要就是负责认证和授权，它里面有两个核心的方法有 get australian 应付，这个是负责授权的。取出用户角色，然后菜单对应的权限，是吧？他需要放到这样框架里面， 咱们看一下，对吧？取出用户角色菜单，菜单里面他会存入每个菜单对应的权限，那在这个方法里面他肯定神装了，这些内容你看一眼，是吧？他通过用户 ad 取到这个普米斯人斯，普米斯人就 权限这个格式是什么样，从这也能看出来，对吧？逗号隔开了一个自助串这个，那这样就返回了每个菜单游泳的权限，最后他会写到这个框架里面，然后返回， 然后下面这个方法是负责登录认证的，也就是说登录的时候验证账户名密码的操作， token， 对吧？ token 账户名密码， 如果证明密码不对的话，他会有这么多异常交易 啊，其他就没什么。接下来带大家看一下那个数据库结构啊。 好，咱们看下这个表啊，这 d n 开头的就跟那个代码生存器有关啊， q 开头的跟电视任务相关， sy 开头的都是跟系统表相关，也就是咱们的基础功能，是吧？认证授权相关的就是用户表、角色表，用户跟菜单的关联表，用户跟角色的关联表， 还有个菜单表，哎，咱们看这个菜单表，菜单表里面有一个比较核心的一个字段，就是一个迷神词，对吧？好吧，核心就是这个表，角色跟菜单有很多，角色都是多最多的关系。
143程序员青云
04:30查看AI文稿AI文稿好，各位同学，大家好，今天开始我将和大家一起来学习洛伊框架，那么洛伊框架我们知道的同学啊，可能对他非常熟悉了，那么不知道同学今天可以和老师一起来学一学， 那么洛伊框架是干什么的呢啊？简而言之，洛伊框架是一个后台管理系统的一个啊基础框架，咱们目前很多中小企业 啊，都直接在落一的框架之上啊，做一些业务的开发，在此基础上面啊，做一些改进，那么可以节约大量的一些时间成本。 那么今天咱们会从两个维度来对洛伊框架进行学习。第一个，咱们先学一学洛伊框架，那他的底层的权限啊，各方面是怎么做的？第二个方面是咱们学完 之后进行一个小的案例的实战啊，如果你学会了之后，那么这个案例呢，对于你来说的话，可能就非常简单了啊，所以说咱们先学习后实战，那么咱们学习的维度从哪些方面展开呢？咱们来大概来看一下。 首先洛伊框架的一个基本介绍，哎，他的官网是多少？洛伊框架是干嘛的？他的项目结构啊？第二个，洛伊本地运行， 也就是咱们落叶框架从我们的官网上拉取下来之后，咱们本地如何去配置他的环境，如何快速的将落叶框架的前后台进行一个运行，咱们也会介绍 第三块弱仪框架的架构介绍以及功能说明。哎，咱们要介绍一下弱仪框架的架构，他是基于什么去做的啊，用了什么技术站， 以及整个路易框架，它包含了哪些基础功能？第四款，核心功能的讲解，整个路易框架的核心功能到底是什么？它的价值到底在哪里？对不对？哎？它的核心价值到底在哪里？为什么我们这么多中小企业啊会用它， 他肯定是有他的价值所在的。第五点，拦截器讲解，在路易框架中也有很多拦截器的使用，那咱们看一下他是在什么场景下面，如何去使用的，实现的什么功能。第六点，登录流程讲解， 咱们路易框架你们用的是什么权限框架对不对？这个是咱们需要了解的，他的登录功能，登录流程是如何去做的？有哪一些比较优秀的点值得咱们去学习啊？第七点，按钮权限控 讲解，在路易框架中很有价值的一块内容就是他的权限，那他的页面权限已经到按钮级别了，并且涉及到了数据权限，他是如何去控制的，这一块都值得咱们好好去学习一下， 然后学完了之后咱们才是一个项目实战，咱们基于路易框架已经学完了吗？对吧？已经学完了，那你到底学的怎么样？咱们要检测一下，那么就搞一个基础的小的 demo， 搞一个需求。哎，借两张表对这张表进行 cld 啊，比如说咱们搞一些学生表，老师表，对不对？对这些表我们进行基础的信息管理， 那么就是基于路易框架去进行开发，那你不是学会了吗？对不对？那你看看你自己能不能做这些功能，那比如说我们项目背景的和需求 说明，咱们做个什么功能呢？来说明一下。然后呢把表结构分析一下，表有了之后，咱们一键生成前后台代码，那么路易框架中也给咱们提供了这样非常 方便的一个功能，可以一键生成前后台的所有代码啊，非常方便。然后前端页面咱们生成代码可能不符合咱们的需求，对吧？咱们做一些小的改动，对不对？咱们去改一下，然后菜单咱们要配置一下，然后配置一些用户和角色， 最后前后端连调测试，然后将一些功能进行完善，咱们这个功能就做完了，完全模拟咱们企业的一个开发，进行一个讲解和学习。好，那么不管大家有没有经验啊，不管大家有没有工作经验啊，不管大家是啊，初学家哇，还是说 已经有几年经验了？只要你对路易框架有兴趣啊，有兴趣啊，想去学路易框架的，对他有一个全面的了解的，那可以跟着我一起来学习一下。 那么接下来的讲解我会从这几两个大的方向啊进行一个开展。好，我们下节课再见。
114javabobo0513
06:31查看AI文稿AI文稿各位同学大家好，本小节我们继续 unifa 学习。那么在这一小节啊，在上一小节我们给大家讲解了如何去定义数据，显示数据啊，并且修改数据调用方法。 那么如果啊，因为在上下节我们给大家举的例子啊，我们数据的类型都是简单数据类型的数据。 比如说我们是一个对象或者是一个数组的话，你说我们先有个对象，他里面有也有一个内容，但是这个内容跟我们单独定的内容不一样，因为他是属于这个对象的。 那么如果我们要去反问对象当中的数据的话啊，一样的，需要通过对象点属性名的方式 去拿到他，对象点数姓名的方式去拿到他，看着我们这个烫也拿到，那么要修改他是实际上是一样的。那么在这好类似点， obj 表面稍等伊利， 他就不能直接内幕，因为他是属于对象的某个属性。所以说我们需要通过热视点啊，这个 obj 点内幕拿到他，然后我们再点击看到没有对象的属性。 好了，这个是显示对象，那么我们最重要的是显示数组啊，那么数组我们就需要用到循环了，因为数组当中一般都是多个项， 比如说我们来一个苹果啊，然后把它复制两份 来做这两份，然后香蕉和橘子，好来，我们把之前讲的都先注视掉啊， 好循环我们就需要用到啊。瑞利亚普通提供的叫指令，什么是指令呢？就是以微杠开头的特殊语法啊。那么循环的语法是微杠错，这个指令他怎么写的呢？ 大家注意哈，都是固定的写法，基本不会变的。微杠错。然后写个小括号，里面取两个名字。那么正常情况下，我们一般都叫爱他们跟 index， 爱他们代表这个数字的每一项， index 代表数组的下标啊。怎么写呢？爱他们逗号 index， 然后空一个。这一定要空一个哈，硬再空一个啊。你可以把它理解为复印循环啊，这个是没有任何问题的啊。大家可以这样想象。 印哪了？印我们的啊，数字一二二。好了，那么我们还是要给他动态绑定一个 p 字。 ok， 大家先不用管什么意思，照着写下来就可以。一般情况下我们都先以 index 做代替啊。好了，这个固定语法就这样写好了。 atme 应该是硬，我们有循环的数字， 爱他们就代表宿主的每一项，而阴代是代表宿主的下标。现在我们就可以去显示爱他们的妹妹 和我们的 index。 好了，来，我们来看一下，没有任何的问题。 来看到没有，苹果，香蕉，橘子和零一二都拿到了，这个是我们的循环啊。 那么如果我们要给循环的每一项绑定一个点击事件怎么绑定的啊？直接啊，在这艾特克丽塔，有什么叫克丽克 ito 啊。好了，克利克 itom 在麦刷子里面去写来直接打印一一一。首先看一下我们这个方法出发没有啊。点击点击点击好了，每一项都打印的一一一说明我们的点击 事件绑定成功了啊。好了，那么如果我们要在这个事件当中去拿到我们的爱他们的 ex， 那么就需要给方法传递参数了。注意我们定义的方法是可以传餐的，那么在定义方法的时候， 我们传递的参数叫形式参数，简称行餐。就是在这我们定义方法传递的是行餐， 而在这实际上是调用方法。我们穿着的是实餐，但是为了大家大家不搞混淆啊。我们在这微服的叫什么名字？形式参数跟 实际参数通通都叫这个名字。比如说在这我们传递的是行餐啊，传递的是食餐， 我们在这叫 itamen dex， 这就叫 itamen dex。 下面也是一样的啊，这是 itamen dex， 注意几个参数啊，行餐食餐都叫同样的名字，就一定没有任何的问题。 方法复制一份 ok 来点击第一项拿到了下标铃和苹果，好，第二项拿到了香蕉和一，第三项拿到了主页找好二。 好了，这个是我们循环里面去传递参数，没有任何的问题。但是注意这一个很重要的点，就是如果我们出了这个循环， 因为我们在这个标签内循环的，那么我们在这个标签之外，实际上我们是 拿不到这个爱，他们看到没有这个爱他们是不是就报错了啊。注意我们想要使用 itam 跟 index， 必须在你循环的标签内部，这里面如果你再欠他标签，是可以拿到 itam， 但是你一旦出了这个循环的标签啊，他就不能使用他们的音在设。这个是大家需要注意的地方。并且再次强调 这个传递的参数名字一定要一样啊，让大家待会行猜十猜啊，傻傻分不清楚啊。 好了，本小姐我们就给大家讲了循环数字和显示对象啊，本小姐就给大家讲到这里，谢谢大家。
28课得在线
00:57查看AI文稿AI文稿今天给大家说一下一个我们的原声的一个提示框的一个使用，首先看一下效果，这个提示框啊，我们现在看一下啊，在点击试验的当中啊，这判断当前是这个状态是否零，如果真的零的话，他就提示这个了啊， 请提前实名认证啊，然后呢入一称就是执行结束当前这个含这个方法 解读当前方法。然后呢这个标题，这是标抬头，是标题的意思，就是你提示的内容，然后呢下面是 icon， 就是你的图标是否显示的，看一下，把它去掉一下这个效果， 点击，然后点击一下，他就有一个大写的勾啊，这个钥匙有时候看着需是根据情况时判断使用是否需要。
05:29查看AI文稿AI文稿好，各位同学，大家好，上节课我们介绍了关于我们路易框架拦截器中前端拦截器中的前置拦截器 啊，也是，这些代码是我们前端的啊，前置拦截器当请求给到后台中间啊，你先不要给过去，对吧？你先拦一下，然后做一些处理之后你再往后台去发，还是这么一个啊，执行的时机啊，我们要理解这个前置拦截器，他在什么时候去执行的 好，然后会有一个响应拦截器啊，这也是我们前端的。那什么叫响应拦截器呢？看代码这里也有一个啊，他已经写完注视了，叫响应拦截器，他也是 service， 点 in the sector 是点 response。 好，那这个 response 就是我们的响应嘛，也就说刚才我们不是画了一个简图吗？对不对？我们的前台啊，将我们请求给到后台啊，如果没有拦截器的话，那这一切 就非常顺利，直接发过去就完了，有了前置软件器之后，就会在这个地方咔嚓，是不是拦一下啊？拦一下之后我做一些事情啊，做一些事情做做做，做完了之后啊，执行些业务代码之后啊，请求再发给后台去啊，这是我们前置软件器的一个执行时机。 那我们的响应软件器是怎么回事呢？是我们后台的接口已经执行完毕了，给前端一个响应对不对？那前端拿到这个请求之后，是不就做一些数据的渲染了，在页面中把这些数据渲染出来，展示出来就可以了。 那什么时候去执行响应拦截器呢？就是当我后台把请求给到我们前端之前，前端在做页面渲染之前，中间我也咔嚓拦截一下，就把你后台给到前端做渲染数据，我要在这个地方对他进行加工处理一下啊，这就是我们这个响应拦截器执行的一个时机， 他会对我们的后台接口响应数据在这个地方进行公共的判断处理啊，做一些逻辑判断啊，做一些公共的处理之后，再把这个数据给到页面去，然后页面去做一些渲染，好，那么落一框架，他在响应拦截器中做了哪些事情呢？大家看一下。首先他的 r e s r e s 实际上就是我们后台接口给前端返回的那一个数据对象，然后他取到你们的 cod， 然后呢，如果这个 cod 没有值的话，那就取两百啊，默认就是两百，如果有值的话，就是用扣的这个值啊，复制给这个扣的，然后取到后台给我们前台返回了一个 message 啊，是一个 message， 是后台一个 响应的一个数据提示，对不对？提示信息。然后呢，二禁止数据则直接返回啊，他判断你的数据类型，比如说我们后台结构，给前端去下载个文件啊，就是 二禁止的数据对不对？就直接返回数据，那这个地方返回数据时间就是返回到我们页面上去了，然后下面有一个判断扣的，如果你是四零一啊，就状态码，如果是四零一的话，表示未登录，那表示未登录。未登录的话，就直接进行一个 我们的路由跳转，跳转到我们的 index 页面去啊，跳转到 index 页面去，进行一个重新登录啊，表示没登录嘛？好，如果说是 lse 五百啊，包括是六零幺对不对？包括不等于两百的，都会提示一个错误信息，将 message 错误信息提示出来，进行个弹框。 好，那如果你的扣的啊，既不等于四零幺，也不等于五百，也不等于六零幺，就等于两百呢，这些都不会进去啊，只会进 else， 那直接把后台返回来数据进行一个返回，那返回到我们的这个页面中去就行 啊，这里的 return 是 return 到我们的页面中进行相关的处理，比如说我们打开一个页面啊，打开一个 system user 来页面啊，举个例子，下面有一个请求，比如说我们这个地方查询用户列表，来，我们把大一点啊，打开大一点看一下。 好，那现在我们这个请求的话啊，就是调这个接口进请求吗？好，请求完了之后再看一下，实际上我们这里有一个叫做什么呢？叫做论 respons， 对不对啊？ respons， 那这个 respons 实际上就是后台给我们返回了一个响应结果嘛，对不对？但是你要知道，后台的这个数据响应给你这个地方的时候， 中间是经过了我们这边一段业务代码的处理的，然后最终啊，如果你的状态码正常，最终执行到这个地方啊， return r e es， 点 data 的时候，这个地方 return 的数据就会 return 到我们这个 response 里面去，然后 respons 再去。哎，获取 roll， 获取 title 啊，偷偷复制啊，进行操作啊，这么一个过程啊，也就是说这个拦截器会将我们后台的一些响应数据给到我们页面进行处理的时候，在中间执行这么多个判断， 那执行公共判断，如果你等于五百的话，那就不用去处理了吗？对不对？因为后台已经出现问题了呀，或如果等于四零幺的话，那你这也不用执行了吗？直接去登录吗？如果出现五百的话，那你就不需要在页面中每一个调后台结果中都去写，哎，如果等于五百我就谈什么信息，如果等于四零四我谈什么信息？ 这些东西都是公共的对不对？所以我们抽取到我们左侧这个地方一个响应拦截器，进行一个统一的处理，只有当我们后台响应一份正确 数据两百的时候，才给我们的页面去做正常的一个数据的一个渲染，一个操作。当后台返回数据不正常的时候，状态码不对的时候，不需要页面操作了，直接在这个地方公共的处理了， 对不对？这样的话我们的这个代码啊就量就比较少了，不会写很多重复用于的代码，哎，这就是我们一个响应连接器的一个介绍。好，那么我们下节课的话就去看看后台，后台他也有一些拦截器。好，我们下节课再见。
00:30查看AI文稿AI文稿推荐一个实用性很高的开源框架若一，今天给大家推荐一款可以做外包的后台管理项目。若一基于 spring boot 框架的权限管理系统，前后端都是使用的主流技术站，例如 job、 spring boot 等。除此之外，它还内置了一些常见的系统功能，如 不管理系统、菜单管理、日志管理等，并且高效率开发。使用代码生成器，可以一键生成前后端代码，让开发者更专注于业务，降低技术难度，从而节省人力成本，缩短项目周期。感兴趣的小伙伴赶紧去试试吧！
854黑马程序员广州中心
05:14查看AI文稿AI文稿欢迎来到 diy 可视化整合落意的，呃，生成 uipp 的野马，他落意的首页的话，他是有一个图标，然后有一个文本，然后呢我们及时的话我们回到我们的呃设计机这里， 直接回到我们这个设计器这里，我们为了比较好的演示的话，我们其实的话我们可以直接用页面模板的，像这个东西都是可以的，像这个页面登录的模板直接放这来就行了， 在这图片图标是吧？我们都已经有了，然后呢像我们这个表单我们就可以说直接不要了，我们就直接不要了，对吧？我们直接就这样的图标已经有了，我们现在插的是一个文本内容， 文本内容我们直接拖个文本内容过来，我们也是同样三格报到零以后我们点击一个下 下雨，下雨以后我们的话我们就叫做 diy 可视化，然后呢我们这个标题我们对它进行一个设置，一个大一点，然后呢我们是否加粗，然后我们对它进行设置一下外边去，相当于这样的话我们就基本上 已经完成了啊，其实唯一的话就是说他这个，为什么他这个有外边肌啊，眼角啊，什么这些他都已经设置好了啊，都是一样的啊，同样的这个也是啊，那这个我们就不用高度的话，就这样的默认的话，但是我们是希望他往下 往下顶一下，就是说我们希望他是的话往中间靠三十，然后呢我们用五 h， 然后呢点击保存野马之本地， 我们再看一下我们的这个功能，功能我们看一下我们的洛伊这个生存的这个代码看没有，这时候就生成了，我们这个刚才看到的这个代码，就是说我们刚才是空的吗？ 这样的话我们的首页代码已经生成了，就是非常的快。当然我们如果要自己照的话，其实也是一样可以的。我们的话就是拖一个 flash 主见， false 主见。然后呢有一个图片主见， 有一个图片主见，图片主见看没有这图片主见，就这个图片主见。他实质的话他设置了一个大小吗？设置了一个大小，我们也是可以送这一个大小，然后呢一百， 然后是一百，然后呢这个也是 ps， 然后呢这个的话他有一个的话就是看没有，他这个也是 flex， 然后呢我们直接要对他进行一个呃集中，然后呢不是一个三格化，然后呢这个文本内容，同样我们直接拖一个文本内容，我们进行一个三格化就好了， 哎呀这个三格画都 ok 了。然后呢我们要对这个的话我们要做一个集中的一个属性， 逐渐在弗莱斯这个属性这里有一个种族读书器，我们一个集中，然后我们要把这个内容我们往下移，然后呢这个我们要设置成一个眼角， 设置成一个眼角的话，我们直接可以在设置眼角这里看见没有？我们这里有个百分比 五十， 按百分比，按百分， 百分比。完了，这个头像的话，我们直接用你自己的一个头像啊，我们直接直接导头像，我们就换成这个头像也行了。然后呢后面这个我们再点击保存野马之本地， 我们看一下我们的一个效果，哎呀这是两个了，就像那这样子，同样我们这个这个样式啊，这个也是一样的，这样的话我们这个首页的这个就已经完成了。嗯， 我们来看一下我们这张杰克的这个首页，然后呢我们是希望这个登录了以后，我们直接跳到首页，我们可以看一下，我们上杰克讲了， 就是说这个已经设置了一个用户的这个筛选，我们可以看一下我们上节课登录这个界面，登录界面其实我们是希望 没有他，他这时候的话就是的优越。然后呢我们是希望跳成功以后跳转到首页，我们直接可以从跳转到首页确定一下，我们可以看见没有， 看到没有这个代码的话，他就会帮我们跳转到首页，其实我们的话要调整一下顺序，因为我们是相当于登录成功以后跳转到首页，我们直接放这里， 我们直接建成一个保存，保存野马之本地，我们再看一下我们这个生存的代码的是怎么样的， 看到没有？他这时候的时候是意思说然后得到成功，然后呢我们跳转到成功，跳转到首页，我们直接进行登录下 adma 到 admam 一二三，然后呢六八四十八登录看到没有，这样的话 就直接进行了一个跳转到首页的一个过程，都是非常的快方便的。嗯， 感谢大家，我们下节课继续。
21志丰全栈接单
00:13查看AI文稿AI文稿推荐一个后台管理框架 peter x 五是基于 view 三点三 type script white 四拼命了 element plus 开园的一套后台管理框架。它还封装了一些常用组件 hooks 指令、动态路由按钮、级别权限控制等功能。
326程序员老陈
01:01查看AI文稿AI文稿随便找个后台管理系统，若一为例，转可视化，二次开发，不用写一个代码即可随意调整布局，看看到底有多爽。首先下载后台管理代码，下载完之后用 gpan 软件打开 view 文件， 比如打开登录页面，找到拉饼 view， 然后点击创建，这样软件会自动将手写代码转换为可视化。点击后台标题，可直接修改标题内容，点击登录页面最外层背景元素， 破拽电脑里任意图片即可更换背景复杂一点的用户管理界面也可以直接转可视化。可以很直观的看到每个元素节点绑定了那些变量、函数、属性、样式等， 选中之后即可直接进行修改，不再需要去寻找变量在哪里，函数在哪，样式在哪，省去百分之八 是手写代码量，只需少量核心代码即可完成开发，提高开发效率，降低研发成本。
1026编程讲堂
