layui设置autoWidth设置无效

简洁清爽易用的 aur 后台空调模板，镜面足够清爽，想应试且适配。手机端一个接口 cv 复制几行代码就能直接渲染整个列表，没有复杂操作，可根据自己的操作习惯选择多创口扩大页面版。

hi， 这里是 alex， 今天呢带各位上手一款叫做类 ui 的组间库，那么这个组间库呢，首先它的原版是只针对原声的 gs 和前端三件套的 好，当然可可能很多人呢其实用过这个东西，但是呢，这个组间库其实在之前有过一次大的迁移，并且呢他现在也提供了这个 view 的版本。当然要注意这个 view 的版本呢，并不是官方自己写的，是开源社区自己维护的， 那么在国内比如 b 站的话呢，相关的视频要不就是说这个东西啊，下架了啊，这是乱说，他只是说了一个声明，然后迁移了一下自己的官网，并且呢 全面拥抱了开源，要不然的话就是这种二二年甚至二一年的这种很老的视频了。 那么现在的话，它其实有了这个 vivo 版本，当然也没看多少人讲过。嗯，当然各位可能还有一个疑问，就是既然它是一个针对原声三件套的一个做监控，那么为什么它不能直接 写在这个 react 中的，对吧？那我们呢就来实际上手看一下，为什么他只有原声 gs 和 view 的版本，而不能用在这个 react 上。 那么来到官网之后，点击开始使用，这里我们就同样的分为三个版本，也就是原声的 g， s， 然后 view 和 react 来尝试使用这个组建库，同样的我们创建一个文件夹 the ui， 首先是我们的原声，也就是 malina， 这里我们通过 cdn 的方式来写好，这里的话呢，是需要写一个 gs 文件的， okay， 然后呢引入这两个东西复制一下， 一个是 gs， 一个是样式保存。 我们直接来到这边的左边的组件中呢，找到一个表单组件，然后呢打开他的代码，把这里的东西呢都给他复制 一下，当然可以看到它这里的话呢，其实已经提供好了一些对应的东西，其实我们直接复制这个文件就可以了，复制 ok， 然后呢我们把它的 g s 代码给它抽出去，我个人不是很喜欢写在一起。 ok， 然后呢在下面对他进行导入， 那么就是这样一个项目，我们使用 life server 打开 okay， 那么它自带了一些表单的教验，比如这里有点击的话呢，它就会简单的给我一个提示， 然后它的 g s 的话呢，这里就是它为什么不能改写为，或者说不能很容易的改写为 react 的版本的一个具体原因。就是它这里的 g s 逻辑的话呢，可以看到它是强依赖于自己的这个 le y 的 g s 库的， 他并不是提供纯粹的一些组件，他所有的这些逻辑的话呢，都是基于他自己的这个类 ui 的逻辑的，比如这里有一个事件，对吧？然后呢这里有他一个独有的类 ui 的函数，所以呢你想要把它从人生 gs 迁移到 react 其实是比较困难的， 并且呢可以看到它这里保留了一些以前的，也就是 e s 六之前的一些 javascript 的老的习惯，这里还在用 var， 现在 现在的话呢，肯定是推崇用 let 和 const， 对吧？ ok， 那么原声的 gs 呢？就到这里我们来看一下 view， 那么 view 的话呢，你可以直接使用它的 html 模板，当然我们现在已经有了它的 view 版本，那么现在的话肯定是 portrait 这样做的， 我们就使用 v 三 view the ui， 然后呢我们来到这个 lay view 的官网，那么这个社区的版本的话呢，它是在二二年才发布， 算是一个比较新的，只不过呢它的文档我觉得还是有些差，写的这里我们安装一下。 ok， 这里我把多余的东西呢都给他删掉。 那么需要注意的是呢，他需要我们进行全职注册和下面的这个自动按需引入， 我们来到这里的 main jazz 复制一下，并且呢还需要来到我们的 vite config 这里安装这两个按需引入的插件， 然后呢这里需要添加这两个 plugin， 这里我们 截个图吧，就把这三个东西呢给它复制一下， 然后是这两个插件复制在这 plugin 后面。 ok， 完成之后呢，我们才可以使用它的这些组件。同样的我们来到这里的表单 在展示，这上面有一个表单。 ok， 那么就是这样一个表单，和刚才的话呢啊，稍微有一点不一样，直接复制这里的代码就好， 我们把这里原来的这些组件呢都给他删掉。 然后呢创建一个我们的自定义表单组件粘贴一下， 那么可以看到它使用的是组合式 a p i set up 的语法，这点话还是比较的不错的啊，至少没有使用 v u r 的那种选项式的语法，所以呢要简洁很多。 ok， 那我们把它引入，引入到我们的 app view 最后运行。 那么需要注意的是呢，这里我们官网给我们提供的这个表单的例子呢，他用到了一个弹出， 弹出层应该直角也就是这个 layer， 所以呢这里会提示我们是否安装这个 layer， 我们要手动安装一下这个 layer 的话呢，其实在官网就能够搜到 啊，这个搜索有有点慢，稍微 ok， 那么就是这个这个东西，那我不知道他这个官网的这个文档到底是怎么做的，他可能是把这个 layer 单独的抽离了出来， 和这个官网的整个项目呢，好像不是同一个，所以呢需要我们手动的去安装，也就是这个东西， 它是独立于我们这个 layui view 这个仓库中的。 ok， 我们手动安装完成之后呢，再来运行 应该就没问题了，那么结交之后就会有这样一个弹出层，对吧？ ok， 用的话呢，是没问题的，只不过呢，这里确实有一点坑 啊，不是很直观。那么接下来呢，我们就来试一下 react， 看看能不能把这个 le y 用在 react 中，顺便给各位解释一下，为什么这个东西没办法用在 react 中。 ok， 我们这里的话呢，删掉多余的东西， 回到我们的 leoi 的官网，那么这里的话呢，这个表单组件，首先我们给它复制一下，我们只复制这里的 phone 的东西。 然后呢来到我们的项目中，创建一个 components 文件夹， 创建我们的表单组件， 那可以看到这里，我粘贴之后呢，我的 pretear 它是没有办法正常的进行格式化的，这是因为呢，我们的 react， 它是必须要你的单标签以这个自闭合的这样一个标 签结尾，它才能够正常的解析，不然的话就是会报错，比如这个 input， 它的后面的话是没有这个自闭合的标志的，对吧？我加上之后呢，它就消失了，那么这里的话有很多 input 都没有加上这个自闭合的标签， 而且非常重要的一点就是呢，我就算加上了这个字笔盒的标签，这里这么多，我就算给它全部都改过来，之后呢，它下面的 j s 的部分，我也没办法把它修改为我们 react 中的写法，因为它是自己定义的函数，我也没办法 参照他的这些逻辑，只能呢自己理解他的逻辑之后再转换为 react 些，这样做的话其实很麻烦，对吧？所以呢，我们干脆就不做这个 gs 版本，我直接把它删掉，并且呢，这里这个官网我们刚才写的这个原声 gs 的版本呢，我们可以看一下，它其实还存在很多遗留问题， 我们把所有的该填的东西呢，先给它填上， 那么可以看到它这里官网自定义的这样一个看 slog 语句呢，它其实有很多命名上的问题，就比如这个 steps 啊，这个明显就是以前的遗留的习惯，现在的话肯定用 gender 要规范一些，对吧？当然了，他这个官网其实还提供了这个深色模式，只不 问提供的方式我个人觉得不是很优雅。就在这个官方网站的生态这里找到有一个深色模式， 这里的话是一个 get up 链接，这个链接的用法其实很简单，我们就直接导入他给我们提供的这样一个 css 文件就好，然后就能够实现深色的模式。那么他切换这个明暗模式的方式的话，其实，嗯相当的不优雅， 他提供的样例就只是一个简单的动物操作，当然从这个思想上的话，和他的原本的类 ui 这个官网的话呢，还比较相似，大家都是用原声的方式在写， ok， 那我们来试一下，找到这里的 diss 的目录下这个类 us 电影 dark 这样一个文件，复制一下文件名， 然后呢创建一个 c s s， 复制这里的 c s s 代码，然后呢在我们的这个 index 中引入它 官网的例子的话，是要给它加一个这个 id， 对吧？我就直接选成这个 thing， ok， 那么添加好之后呢，我们来到这里的网页，可以看到呢，它的主题就变成了暗色，对吧？那么修改它的话，我们就需要动物操作来修改这个 ref 它的属性。 ok， 那么到此呢，我就带各位简单的了解了一下类 ui 的使用方式，以及它的明暗模式，还有最新的社区维护的 view 的版本。 那么可以看到，虽然他已经全面拥抱了开源，并且呢啊做了很多的改进，但是呢问题还是很多的， 至少作为一个国内的项目来说的话呢，他还是对 view 的包容性，或者各位对这项技术在 view 上的运用还是更 积极一些。 react 的话呢，可能是国内的环境使然吧，没有看到各位对这个东西在 react 上有投入太多的热情。 ok， 那么这一视频的内容呢，就到这里，我们下期视频再见。

就是今天给大家就是录一下，就是一个前端的框架，一个适合就是后端成员， 就是去写的一个前端框架，就是相对来说入门比较简单吧，他的名字叫就是 let u i， 这个叫 a u i， 然后官网其实是在这里了，就是直接在 b 里面去搜 nui， 他就会出现官网。 然后我们其实可以去看一下他的就是官网上的例子，比如说他里面有开始使用提升方法， 然后布局之类的，然后里面就是他的官方文档，其实还是比较就是详细的，它里面还有就是视力，你可以在里面去就是去做编辑，然后看他这边的就是预览的一些效果， 然后他这边有独立组建什么的，然后其实内外的话他怎么说呢？你若是喜后喜后当成员的话，如果是想更快的去， 就是去看前段的一些东西的话，你可以就是从这个框架去入手，其实是相对来说比较好的，因为它里面就是相对来说他需要引用 东西还是比较少的，然后里面官方呢相对来说比较清晰。 然后我我这边刚好里面就是做了一个项目，刚好是前段这块也是用的就是 ndy， 应该叫内外。对，然后这边就是主要几个大的模块，就是科室管理和宾区管理、人员管理、整张管理、医疗组管理，然后它里面 功能就是一些正山改茶之类的，还有一些就是查询，模糊查询，可以根据这个科技名称去做模糊查询。哇，他这边可以 可以去做，就是映射这边可以自己去新新家映射科室之类的，然后点返回，然后他这边还做了一个就是修改的功能， 然后点删除的话，他其实是一个逻辑删除啊，他只是把状态变了，然后这边也是可以去查他的，根据科室名称去查 编剧管理，其实也是一样的，也是正常改查，相对来说其实是一个比较简单的一个正常改查的一个功能， 这边也是可以根据人员去搜的模糊查询，这边新增的话是其实也是可以的 啊，诊断管理的话一样的，他这个拼音是根据他的诊断名章去去做匹配的 啊。手术管理、医疗图管理， 这边退出应该是做的是一个假的退出，行登录的话应该是真的。然后我们其实如果是真的想去深入了解这个框架的话，可以去看他的官网，因为他官网里面其实写的相对来说就比较详细， 里面还有常见问题，我们如果是想看他的一些圆码，可以直接去他的 号里面去搜，它里面可以点一下，然后去搜， 然后大概就是这些内容，拜拜。

我发现 wordpress 存在一个比较严重的问题啊，就是当我们卸载掉啊，我们所安装过的插件之后呢，这些插件所产生的数据库表啊，并不会同步的删除掉啊，当然这也不是 wordpress 系统本身的问题，而是插件，嗯，本身的问题， 我也很理解啊，他们为什么会这样去做啊，有时候我们安装了这个插件之后呢，觉得不好用，我们就卸载掉，但是这些数据库的表啊，他所产生的这个表他并不会，嗯，给我们卸载掉，当我们下次再安装这个插件的时候啊，我们会发现我们配置的这些 插件啊的这些配置啊，依然还在啊，就是因为我们的这个表还在，但事实上这并不是我们绝大多数人想要的， 我其实是不主要大家去安装插件的啊，所以我们自己的官网啊，是在这方面非常的克制啊，但是呢，这些表啊，数据库的表啊，其实大多数啊来自于啊，我去给大家去做讲解的时候啊，去安装的一些插件， 当我卸载掉这些插件之后呢啊，发现数据库的表啊，并没有同步的卸载掉，所以呢就需要我们手动的去把它删除掉啊， 这个和我们的电脑系统很像啊，我们经常会在电脑里面安装任何很多的软件，然后卸载的时候会有残留啊，大概也是嗯，这个意思啊， 而现在的这个 w p optimus 呢，充当的是三六零的一个角色啊，我当前呢就是安装了它之后呢，嗯，去分析我们的一个数据库表的情况啊，然后呢我就会手动的去把这些啊不需要的表全部都删除掉， 如果啊，你们曾经呢，也是安装了非常多的插件啊，后来因为各种原因啊，不用了啊，一定要注意啊，去检查一下这个数据库的表到底有没有同步删除掉啊， 大概率是没有的啊，这个时候呢，也可以和我一样啊，去安装这个插件之后呢，把这些表都删除掉。最后做个总结啊， wordpress 啊，非常的优秀啊，在我看来并不在于说他有非常多的插件和主题啊，反倒是啊，因为他的系统本身啊，是非常的简单干净的，包括他的整个数据库的表 啊，整个系统的表也猜不到十个，也是非常的少。这个啊，是我真正喜欢这个系统的主要原因，一旦我们去给它安装过多的功能和插件之后呢啊，在我看来它非常的简单干净的，这个优势啊，就当然无存了。

为项目基于 spring boot 加 view 的 班级回忆录系统，寄宿家为 spring boot a m v 二 d s 杠 plus my skl view 类以外， 系统分为用户、班委、管理员三个角色。用户功能，注册、登录，填写教号、密码、姓名等信息，完成注册并登录系统 首页。浏览网站轮播图，查看班级信息、班级相册、活动信息、捐赠信息等内容。班级信息查看班级详情提交加入班级申请。 新闻信息，浏览新闻资讯，查看评论互动内容。班级相册，查看班级相册详情，浏览相册评论。活动信息，查看活动详情，参与评论交流。捐赠信息，浏览捐赠信息详情。 个人中心维护个人资料，查看我的收藏。班委功能班级信息管理，发布、修改、删除班级信息， 加入班级管理审核用户加入班级申请。新闻信息管理，发布、查看、删除新闻信息。班级相册管理，发布、查看、删除班级相册内容。活动信息管理，发布、查看、删除活动信息。 兼赠信息管理，发布、查看、删除兼赠信息。管理员功能。用户管理，查询、修改、删除用户信息。 班委管理，查询、修改先求班委信息并进行审核。班级信息管理，查看、修改先求班级信息并审核 加入班级管理查看和管理入班申请记录。新闻信息管理，查看、修改先求新闻信息及评论。班级相册管理，查看、修改先求活动信息及评论。兼赠信息管理，查看、修改先求兼赠信息。 论坛管理，查看仙球论坛帖子。系统管理维护小叶轮播图等系统基础内容。

本项目基于 spring boot 加 view 的 新闻稿件管理系统，寄宿家为 spring boot 加 mybed isgone plus 加 view 加类 ui 系统分为用户、记者、审批员、管理员四个角色。用户功能，注册，登录注册账号并登录系统新闻浏览，查看新闻稿件列表详情及最新信息。 评论互动，对新闻内容进行评论。查看、回复、收藏，管理，收藏感兴趣的新闻稿件。个人中心维护个人资料。信息管理员功能。用户管理，管理用户信息 记者管理，审核并管理记者账号。选屁员管理，新增、修改、删求选屁员信息。新闻分类管理，维护新闻分类信息。新闻信息管理管理新闻稿件查看评论及统计报表。系统管理，维护小叶轮播图等系统配件。记者功能， 注册，登录，注册记者账号并登录系统新闻发布。新增、编辑、删除本人新闻稿件。稿件管理，查看稿件发布情况。选 p 源功能，新闻审核，审核记者提交的新闻稿件，并填写、审核、回复。 记者管理，查看记者信息评论查看，查看新闻评论内容。

微项目基于 spring boot 加 view 的 教学辅助平台技术件， spring boot 加 my bad is gone plus 加 view 加类 ui。 该系统分为学生、教师、管理员三个用户角色。学性功能，注册登录，填写学号、密码等信息，完成注册并登录系统 首页，浏览网站。轮播图，查看校园公告、课程信息和课程作业。课程信息，查看课程详情，支持收藏课程内容。课程作业，查看作业详情。在线提交作业交流论坛，浏览论坛帖子 发布内容并参与评论互动。个人中心维护个人信息，查看作业，提交作业批改结果 管理我的发布和我的收藏。教学功能。课程信息管理，发布、修改先求课程信息。课程作业管理布置修改先求课程作业。作业提交管理，查看学生作业提交进行审核与批改作业批改管理，查看修改先求作业批改记录。 个人中心维护个人信息管理员功能。学生管理查询，新增、修改、删除学生信息。教师管理查询，新增、修改、删除教师信息。课程管理，查看课程信息与课程作业 维护、科目分类和班级分类。论坛管理，查看，删除交流论坛内容。公告管理发布、修改、删除校园公告。系统管理维护首页轮播图。

本项目基于 spring boot 加 view 的 在线教育系统技术站 spring boot 加 mybed isgone plus 加 view 加类 ui。 该系统分为用户、讲师、普通管理员、课程管理员、管理员五个用户角色。用户功能，注册登录，填写教号、密码、昵称等信息完成注册， 通过教号密码登录系统首页，浏览网站轮播图查看课程推荐、名师推荐及其课程搜索课程浏览，查看课程列表与课程详情 及其加入。购物车下单、购买、评论、互动、收藏课程教习，浏览，查看教习信息详情及其评论互动以收藏名师浏览，查看名师信息详情及其评论互动以收藏。 个人中心维护个人信息管理我的收藏、收货地址、购物车和我的订单。普通管理员功能，用户管理查询、新增、修改、删除用户账号及信息。个人中心维护个人信息讲述功能。客强查看，查看客强信息及客强评论。 教师查看，查看教师信息及教师评论。名师查看，查看名师信息及名师评论。个人中心维护个人信息管理员功能用户管理查询，新增、修改、删除用户账号及信息。 讲系管理查询，新增、修改、删除讲系信息发布教系信息发布名系信息。普通管理员管理，新增、修改、删除普通管理员叫号及信息。客强管理员管理，新增、修改、删除客强管理员叫号及信息。 客强管理，维护客强信息，查看客强评论。客强分类管理，维护客强分类信息。 教习管理，维护教习信息，查看教习评论发布民息推荐民息管理，维护民息信息，查看民息评论。订单管理，查看各状态订单并处理以寄付订单发货。系统管理，维护首页轮播图等系统信息。课程管理员功能 客强管理员管理，新增、修改、删除客强管理员账号及信息。客强管理，维护客强信息发布热门客强查看客强评论。客强分类管理，维护客强分类信息。个人中心维护个人信息。

大家好，这节课我们使用一款前端框架 leo i， 把我们这个界面改一下，稍微调漂亮一点 内约这个框架，在百度里面搜索 l a y u i， 然后呢找到第一个进入它的这个官网， 找到这个立即下载，把它下载好，然后下载下来是个压缩包，压缩包找到解压之后，找到 liui 这个文件夹，复制到深刻 php papa 里克里面就可以了， 他的安装相当简单，然后呢他的代码使用也很简单，找到他这个视力 私立里面就是他的很多代码的例子，他都给你写好了，我们只管复制粘贴就可以了。比如说我们点击他的布局框架， 这个就是我们后台一般常用的布局，我们就用他这个布局，点击他这个查看布局代码 管理系统渐变布局的代码，把它复制复制到我们那个 z 二体模板里面就可以。我们先把我们原来这一个备份一下， 然后再来复制，把它这个复制过来。 然后呢这个路径改成我们相对于我们站点的根部路的一个路径，把这个点去掉，因为这个点代表是当前路径，我们就这么改，整个站点都用这一一种路径结构。 然后我们再来刷新一下我们的页面，就已经改好了。比如说我把这个 lart demo 改一下，改成蓝猫， 已经修改好了，把这一个改成我们自己的，或者把这个 click mii t e m， 因为我们现在没有这种 二级结构，我们就改这个，把我们的列表改进去，他这是头部区域，已经给你注视好了，左侧打横区域就是这里， 我们把这个改成我们的， 再把这一个也改成我们的， 能刷新一下就出来了。但是呢他右侧没有显示成我们的。这个简单，我们把我们模板这一个 content 这个标签复制过来，主体区域 复制，在主体区域我们再刷新一下，这个就是我们自己的页面了。这个呢我们后面可以再用 他这里面的其他的布局样式代码复制过来，把我们这个再调调一下就可以，然后这个效果已经实现， 这就是 leoi 的用法，相当的简单，相当的容易上手。

大家好，今天是一个比较特殊的日子啊，今天是我开元，我做的这么一个开元库发，已经开始进行发板了，发布在我们的 logo 上面，那在这里呢，我们 就可以带大家去尝试使用我这么一个开源的矿泉库，那本期视频呢，就带大家进行学习如何使用我这么一个开源的 ui 主线库，那在这里呢，我们正常的创建了这么一个项目， 那然后呢，我们在这里呢，右键名字，右键，比如说 搜索，我们直接搜啊，收料一歪 好回撤。由于我这刚开始发的这一个版本是属于这么一个愈发型版本，是给大家大家进行体验的，后续呢，我将会发布一个正式版本， 那在这里呢，我们看到有很多啊这个乐友爱，那我们去找一下有一个乐友爱点 wpf， 对吧？在这里呢，有这么一这么一个酷，那在这里呢也写了， 那大家如果记不住全程就这样收啊，那记得住全程呢就 wpf。 ok， 在这里呢，我们就开始点击引用，安装 好， ok， 那这个就已经安装完成，那这个时候呢，我们看到他这里有一个项目地址啊，项目 ui， 在这里，我们可以点击他好，然后直接进入我这么一个开源的这么一个项目啊，大家可以去， 也不算学习吧，大家可以去参考一下自己如果想做自己的开园的 ui 主线库的话，也可以那我这个参考，因为毕竟我这个是开园的，无所谓的，大家可以尽情利用啊，那这个版本呢，是属于最低版本四点五点二的，那高版本呢，也是可以进行引用的。 好，然后呢怎么去把我这么一个库给用起来了？由于我们刚刚已经把我这么一个包啊给引用进来了，然后呢我们到我们这么一个项目里面就会发现一个料 ui 点 wpf， 对吧？ 好，然后呢我们走到第二步，在这里呢我们点击复制，然后回到我们的这个这么一个 app 这里来， 这正常情况下呢，这里是没有的这么一个空的，然后呢我们看到他写的添加断码，在我们的 app 点 x 三秒文件下面，不好意思啊，有点咳嗽， 然后我们直接点击，点击进行复制好，然后呢在这里呢我们将它进行替换粘贴好， ok， 那这么一个 主题包呢？这已经进已经来了啊，回到我们的这个那么一个闷闷的这里来，然后呢我们回到这么一个第三步这里来，对吧？在目标页面添加需要的这么一个空间引用好， ok， 我们在这呢我们同样的将它进行复制， ok， 然后呢在我们这里进行粘贴， 下面呢我们就要开始引用，把我们这么一个库啊给用起来，比如说我们中用最长期的这么一个，那以外把它，对吧？ 然后我们看到这默认有这么一个东西啊，对吧？然后呢他有一个太一个太不类型，他这个太不类型有几种啊？大家可以去尝试一下。 像我们进到乐意外官网里面他这么一个按钮，其实我这里就已经全部做了，大家可以一起，大家其实可以去尝试着去看一下，对吧？有很多种， 好了，简单的带大家看一下这这么一些东西， 对吧？ 好， ok， 那这是这么一个按钮，现在呢我们启动， ok， 那这个点击按钮呢是没什么问题的，然后我们可以去 lui 的官网去看，去看一下，别说我们搜搜了 ui 好这么一个，也不是官网，它这一个克隆镜像好走到我们的这个视力这里来， 我们看到他这里的这么一些按钮啊，对吧？其实我们这这边呢，其实都有啊，这些东西其实这里都有，比如说我们看到他他这里有这么一个 圆角，对吧？或者是这是什么流体按钮，流体按钮就是可以将它进行最大化，然后呢在这里呢 在这里我有一个默认的值啊，比如说我们想将它进行就是按钮最大化的话，首先呢我们在这里给一点编剧啊，带大家更好的去看一下， 说给个编剧给个十好。在这里呢我们宽度，宽度呢，这里也是，比如说凹头，对吧？那就行，他这里呢就是这声音，对不对， 对吧？比如说在这里呢，我们可以正常的，因为我们默认的这么一个按钮啊，他 他是有直的，那如果将他改成自适应呢，就凹凸了就可以，对吧？然后比如说他高度呢，也是可以，也是正常的挺凹凸，对吧？导致是全屏好， ok 啊，那我们其我们用的可能用的最多的呢，还有这么一个东 下，比如说在我们做那么爆表这这一类的这么一个软件啊，他用到的这个这么一个时间空间， 对吧？这是最基础的时间空间，我们看到这里呢时间空间呢，我这里其实也也是已经做好了的， 对吧？然后呢我们有一个应该他这里是日期啊，那我们需要呢，我们要的是时间啊，就是说当天的什么时间？我们这里有个探， 有个碳，那这是我们的时间空间，对吧？ 他这是一个时间面板，那大家也可以进行组合，那他其实有也有一个类似的， 那这里是选择时间，比如说，比如说我们在这里点击，我们选择需要的这么一个目标时间，对吧？ 那我们点击确定，那我们现在选到了呢？比如说四小时二分四秒，然后点击确定，那在这里呢他的时间呢就已经有了，对吧？ 好，然后呢在这里呢，比如说我们要获取当前的这么一个时间，我们看到这里，看到没有？八点，是晚上的八点三十八，然后我们点击现在， ok， 他这里是八点三十八，对吧？四十七秒， 对吧？十二秒，然后重置零，对吧？然后呢这里呢也是可以正常绑定的，其实呢大家可能也会经常用到的有这么一个东西啊， 雷特雷特格瑞，这是用的最常见的这么一个东西啊，然后同样呢带大家也可以进行是学习，用一下，我们正常的对他格瑞的表格呢，他 他是默认的这么一个样式，我们看一下， 给一点高度，高度呢？格瑞的格瑞的呢？我们给高度给一个，给一个， 给五十，给给两百吧，高度给两百，哎， ok， 把这高度给两百，那默认的默认的这种样式，我们看一下，对吧？他就比较丑陋，那我们同时呢这个时候启动看一下， 对吧？那这个就是我们美化后的让我们看到啊？那意外官网里面他的这个这么一个表格， 对吧？他是这么一，这么这个样子，这么一个效果，那么在这里呢，其实也是同样的可以达到啊， 我们首先呢给他一个数据表格，比如说爱他们 sus， 给一个利索。好，然后呢我们去 这，我们的 vivo 的里面来，在这里呢我们将它也同时同样的给一个集合， 比如说我们也是历史的集合吧。 好，然后呢我们在这个集合里面呢加几条数据， 好，在这呢我们数据呢给一二三四五条数据啊，然后这个时候呢我们点击一起重新运行。 好，然后我们看到有这么几条数据，对吧？我们看到它这都是 认识，你看他这个认识认识一，那我们这个不用管在这里我们怎样显示他的这么一个职能，那和我们那个正常的其实是一样的，没什么区别啊。那这里呢我们同样的可以进行将他 进行绑定， 比如说给一个文本，那这个文本呢，我们给他取一个名字 说数据，那他冰顶呢点，对吧？那这么一个就已经完成，对吧？ 那他这里呢？然后呢我这里封装了呢？他还有一个，还有一个最舒服的这么一个东西，就是关于他的这么一个序号。那 大家在做这个序号的时候呢，那可能会想到在 vivo 的里面进行调用，那在这里呢，我和大家一样带大家去学习怎么用这么一个序号把它用起来。 这个时候呢我们看到这里呢，我们直接改名字改成序号。 好，这第一个呢是属于序号，那在这呢我们把它怎么用起来？ 我们用一个 a top grade template， 然后呢他有数据模板说一二三，那在这里呢，他的表头也要 这个去掉，那在这里呢，我们也是跟他正常的这样平顶呢，那这个数据是有，那这个不是序号，这个不是序号，不是序号。那在这呢，我们怎样绑定他这么一个序号呢？我们可以 看到当我们，当我们将他进行排序的时候，将他进行排序的时候，那他 这个序号呢？按到了这个序号呢？始终都是一二三四五六啊。好，然后呢在这里我们去绑定他这么一个元素， 比如说我们需要拿到的他的这么一个 所影子，对吧？他因为他所以是零吗？那在这呢，我们让他变成正常的一二三四五六，我们这个时候能有这么一个元素 叫一个帮助类。那在这里呢，我们同样的点，我们看到他有这很多的这么一些一些效果，我们可以找到看一下。 好，我们在这里呢是有这么一个扩展，在这，我们同样的 名字也给他取一下。然后呢我们找到我们当前这么一个对于他给他切啊，就是单他这么一个单元格，然后呢找到这个时候呢？ pass， 然后我们找到有这个什么康错贝斯，对吧？一个在他格瑞的号点 that s great， 看一下有康初 坐下，哎疼。 nine。 这个序号是零， 然后呢他的这么一个附加锁性呢？我们看一下放到 啊这个上面呢，我们看一下 这里就应该是 data 进来， 然后这个时候我们重启看一下 元素四零，来看一下我这个开元项目有点不记得了， 那我们找到在这里呢，我们有这里呢，其实看看项目里面他都有很多单位。我们找到我们这个 danagree 的 ktong red 好黑呀，然后我们看去找他，找一下他这里面怎么写的 详情序号，我们找到他这么一个序号，这么一个字，进度名称，我们启动看一下， 好，然后呢这个呆萌呢？我们找到我们这么一个数据表格， 对吧？你看他这里是有这么个序号，对吧？他是可以， 对吧？他这是不变的，你看到没有，你不管怎么替换呢，怎么排序呢？他的序号呢？永远都是一二三四 向上，由上往下拍，那这就是我们要的这么一个序号缩影，在这里我们看找到，找一下他这里的这么一个缩影词 啊，脚，他胳膊有点肉， 然后呢，找到他，对他可以的， ok， 然后我们的回到我们当前的这么一个弹幕下面来，对吧？那这里呢？他的这个缩影呢？其实就已经出来了，看到没有， 对吧？那这是我们最方便的这么一个，这个是最方便的这么一个 功能，那更多功能大家可以去详细的去体验一下，其实有很多， 那这里呢，我们开源项目里面呢，其实是有视力代码，只是说我目前啊没有去写这么一个实用文档，那后期呢？我这个东西呢，都会进行补上，那大家呢，可以有兴趣的话呢，就可以 去尝试啊，如果是 md 组建呢，就用用，疲倦了啊，可以尝试去学习用一下我这么一个 ui 纸尿裤。那好，今天的这么一个视频介绍呢，就是带大家去使用和了解，怎么去 把我目前做的这么一个开源的这么一个六 luiwiwpf 出现困难，给在自己的这么一个 wpf 项目里面去使用起来，那这里呢？ 带大家也就了解了一下。好，那今天的这么一个视频就到此结束，好，谢谢大家。

大伙好啊，今个呢，继续说这个拉玛 c p p 哈，它的本地部署，那么之前也说过一期，是吧？然后呢，有一个地方漏了哈，所以呢，有一些小伙伴在进行本地化安装的时候，会遇到一些问题，比如说啊，这个模型加载的时候，它不往这个显存里边加载， 只加载到内存当中，然后呢，运行效率特别低哈，今天把这个问题说一下，然后呢顺便说几个重要参数哈，首先大家看哈下载这个拉玛 c p p 哈，很简单，是吧？我们来到这个主页，然后在右侧这个位置 找到这个 release， 是 吧？啊，已经完成的一些版本，是吧？然后我们在下边可以找到对应的我们需要的版本， 好吧，这个 windows 的， 然后呢， mac 的 都不一样啊，所以大家一定选择自己对应的版本啊，比如说我是 windows 的， 那么我在这里边能找到对应的版本， 好吧，那么这里边有一个什么情况呢？首先说一下啊，这个拉玛 c p p 啊，它可以不通过显存直接用 cpu 运行，但是呢效率极低，所以一般情况下我们都选择对应的这个，呃，用这个显卡运行，对吧？但是呢，大家看好 这两个版本，一个叫酷达十二，一个叫酷达十三，是吧？有两个版本啊，我两个都下了，大家可以在网盘当中找到啊，下载完之后之前 我们直接说哈，之前我们下载完之后直接解压运行，是吧？但是少了一个步骤，因为什么呢？我先说一下啊，如果你本地，因为我们之前安装那个 comui 的 时候，也需要用到这个库的哈，如果你本地安装过库的，比如说我安装过十二点八，那么你后边这个就没必要下了， 好吧，直接下载这个库达十二的就可以，但是如果你之前没安装过这个库达，大家注意啊，把这个对应版本的库达十二或者库达十三下载到本地之后，还要把后边两个文件，一个库达十二点四，这个是库达相关的文件，和库达十三点一也下载过来，好吧，都不大，有两三百兆，大家在网盘当中都能找到， 好吧，大家在网盘当中都能找到，就是这个，好吧，一个库达十二的，一个库达十三的，下载到本地之后，我给大家演示一下哈， 应该就是他俩，比如说现在我想用这个库大十二点四的，现在我已经解压完了，都已经解压完了。然后呢？如果大家运行的时候啊，本地本地电脑也没安装过库大十二相关的这个软件，是吧？怎么办？把这个库大十二点四解压下载过来之后也解压，它里边有三个文件，大概是 来看啊，三个文件大家复制或者剪切都行，把它这个粘贴到你这个拉玛 c p p 啊十二点四当中去，好吧，这样呢，三个文件过来之后，我们再启动的时候，它就是找到我们的这个显卡，然后在显卡当中去运行，好吧，第一个这个事啊， 大家知道一下，第二个呢，大家注意看什么呢？我们之前启动的时候，启动参数是这么设置的， 好吧，首先调用 lava server 这个文件，然后后边 host 四个零，它指的是开放远程链接，这个地方大，大家知道一下，因为我开放它是因为我要把这个东西集成到我有一个叫批量管理软件当中去，大家感兴趣的可以上主页了解一下置顶视频， 如果大家没有这方面需求，这个参数可以不是啊，可以不加好吗？第二个是启动端口，他是八零八零，如果大家本地电脑有软件已经占用八零八零了，造成这个软件启动不成功，大家可以把这个端口改一下，比如说改成七五六啊，七五六六，随便改四个数，好吧，九九九九九九八八都行，比如说你看这个啊，九九八八， 好吧，后边这个杠杠 models d r r， 它指的是我们这个模型存放的电脑位置啊，在哪个目录当中？这个很简单哈，我给大家演示一下，现在我把端口改了九九八八，然后运行一下， 好，运行完之后大家注意看啊，哎，我之前启动过啊，来重新运行一下，大家注意看它给我的地址是不是四个零，然后冒号九九八八呀，对吧？那么这个时候大家看啊，我输入网址的时候幺二七 点零点零点一，这个指的是本地调用啊，就是 local host 的， 然后英文状态下的冒号九九八八， 大家看可以访问了，对吧？大家只有几个参数的作用讲，但是大家要知道这种启动方式叫路由启动，大家看这个叫路由式启动啊，为什么我之前是用这种方式启动？因为我要把它集成到我的批量管理软件当中去，就是在主页的置顶视频的，这个软件不多解释了啊 啊，我需要动态的去加载我需要的模型以及卸载模型，因为还得配合康复 ui 使用啊，所以我以这种方式去啊，去启动。好吧，但是大家如果就想本地用这个软件的时候，大家注意看，没必要这么去启动啊， 大家看啊，这么启动有几个功能你是用不上的啊，而且用不了什么呢？大家看啊，就是它本身是可以上传图片的，大家看到了吧，就是可以用来做图片解啊，图片的提子词解释，对吧？大家看啊，顺便跟大家说一下它的几个重要参数， 大家看这个这个文件我会给它上传到网盘当中啊啊，直接上传吧，现场上传啊，大家注意这个文件我把它上传到网盘当中，大家下载过来之后，可以直接把它放到这个辣妈 c p p 的 目录当中，然后进行修改啊，右键编辑修改，好吧，两个文件我都上传一下吧， 一个是我们的路由启动，就是以前的，好吧，大家用的时候记得把后边这个呃模型的地址改了， 好吧，改这个位置啊。另一个大家注意，就是今天我们要说的一些重要参数啊，大家看啊，首先这个形式跟以前不一样了，他是什么意思啊？以前参数少，所以一行能写的下，现在参数比较多，在后边加一个空格，加一个监控啊，这个上箭头是吧，他指的是换行啊，表示的是多行， 好吧，前两个参数不多说了，一个是远程调用，一个是启动端口，好吧，下边一个杠 m， 它指的是加载指定模型启动，好吧，这个指定模型，比如说我把这个 q 三点六啊放到了这个 呃，一个目录下，找到这个模型之后，我们右键复制文件地址之后，然后在这里就可以粘贴了 好吗？这里边有个坑啊，我先说一下，如果你只加了这么个参数，杠 m 后边几个参数没加，这个情况下，如果我们启动，大家看啊， 他启动不了，为什么呢？大家看啊啊，我一共就这么三个参数，后边是不是加了个换行啊？但是因为他本身是最后一行，所以你换行他会报错，你得把最后边这个换行的这个符号删除，好吧，这个时候再启动， 大家看它启动的时候就会加载我们的模型到显存当中，大家看显存已经上来了，好吧，这个不解释了哈，来往下看看另一个参数， 这个哈，好吧，下边这个参数我先不演示了，那我加载另一个参数，这个参数是加载我们视频啊，视觉模型啊，因为我们这个拉马 c p p 啊，它本身是可以解析图片的。好吧，各位，所以呢，加载这个视觉模型呢，是帮助我们把那个功能恢复，能让我们对 图片进行解析啊，大家看，把这个参数加上之后，杠杠 m m p r o j 好 吗？然后空格，这个是我们视觉模型的地址，那么我找到这个视觉模型，千万三点六有配套的视觉模型啊，这个模型大家可以在网盘当中找到， 是这个啊，各位，这个上边是三点五的，下边是三点六的，大家区分一下啊，好吧，我把两个都上传了，然后呢，找到这个视觉模型之后，我们大家注意复制地址，然后在参数后边加一个空格粘贴一下，注意啊，如果它本身是最后一行，不要加这个换行符啊，不要加这个换行符。那么现在我再启动的时候， 大家注意看啊，再启动的时候， 好，现在呢？我输入一下地址端口号变成八零八零，大家看啊，这里边有一个上传图片就可以用了，然后我上传一张图片，然后让他帮我，是吧？呃，给出图片提示词。好， 这个调用的时候，因为它有一个图片解析的过程啊，可能会有点慢，所以呢，大家等一下子，我先暂停一下哈。好，大概也就几秒钟啊，大家看，已经开始输出了， 好吧，这个功能我就演示到这了啊，就是它可以上传图片进行提示词的解析。好吧，各位好，这个功能说完之后我们接着往下说啊， 它还有几个参数，下边这个参数它指的是将模型的多少放到显存当中，之前我说过，各位，大家如果下载模型的时候，尽量下载小于我们显存的这个模型， 为什么呢？所有模型都加载到显存当中，模型的运行效率是最高的，那么如果大家显存不够，而且还下了一个比显存大的模型，比如说我就十六 g 显存，但是下载了个这个 十七 g 的 模型，这个时候模型是没法都加载到显存当中的，对吧？我们就可以通过这个参数杠 ngl 后边是个空格，然后加数字，它指的是将模型多少放到显存当中，负一指的是全部。好吧，各位，我给大家演示一下啊， 负一指的是全部啊，将模型的全部都加载到显存当中。好，大家直接看显存占用啊，好吧，二十一 g， 好 吧，各位 现在已经二十三 g 了，没问题吧？然后呢，大家看好，那如果我只想把模型的一部分加载到显存当中怎么办呢？这个比如说我想把模型的二十五加载到显存当中，大家看好， 我一会再说。这数字什么意思啊？大家注意什么呢？这个二十五指的是模型的多少成，因为我们现在的这种扩散模型啊，他的最底层的原理基本上都是神经网络啊，神经网络，各位， 他实际是一层一层啊，我给大家画一下神经网络，你就把它理解为什么像千层高一样哈，把它这么理解就行，像千层高一样，他是一层一层的，一层一层一层一层，每一层都有参数，大家可以把它理解为这个，好吧，那这个数字就是将多少层的数据加载到显存当中，那么剩下的就放到内存当中 啊，说明白了，各位，这个千万三点六，我要没记错应该是四十二层啊，那么我将四十二层中的二十五层放到显存当中，大家注意看啊，已经启动完了， 就是大概其的显存占用，大家看只占了十五 g， 好 吧，但是你毕竟有一部分在显存当中，一部分在内存当中，是吧？这个时候是吧，你运行它的时候可能就会慢一些，比如说，我说说，你好，大家看，我说你好， 原来我的这个 token 输出大概是，呃，一百四每秒一百四十 token 啊，大家看，现在已经变到二十七 token 了，是吧？所以呢， 大家要知道，你要是能接受这个速度，是吧，就无所谓了。这个地方大家要知道啊，就是你毕竟不是都在显存当中加载啊，你是显存的内存交互，所以它会影响速度，好吧，最后边这个杠 c 指的是上下文的大小，什么叫上下文的大小？大家看啊，我再来一个，你好胖啊，大家看啊， 上下文的大小。这个总大小是八幺九二，然后现在的输出已经是到五千多了。啊，什么意思？他的整个这些所有的对话加在一起，现在已经是五千多了，这个东西指的是这个模型能记住你的内容，上线是 八幺九二。好吧，各位，超过他之后就像健忘症一样，我说明白了，各位，所以这个参数设置的越大越好，理论上是越大越好，但是各位大家要注意，你越大越呲资源，好吧，显存占用越高。解释明白了，各位，好吧，现在已经是我记得没错，应该是五千多了，是吧？然后我们再让他解析一个图片， 就是正常情况下，如果大家用个豆包，大家应该知道啊， 好吧，如果用过豆包，大家应该知道，大家看啊， request 是 吧？八幺九二 tokens 是 吧？已经超了是吧？就是它的上下文大小已经超出我们设置的这个限制了啊，就是说白了就你超标了，那么呢，如果大家这个超了之后，可以新开一个窗口啊，接着来， 好吧，每一个窗口他的大小是吧？这里边设置的是八幺九二，也就是八 k 啊，各位，八 k 知道这么个事就行了，各位啊，就是一次性像豆包一样，一个页面能记住我们多少内容，好吧，那如果你不加这个参数，他默认情况下是比八幺九二高的啊，好吧，但是你设置越高越吃资源，正常情况下我们普通对话八幺九二应该是够的， 这个地方我说明白了，各位今天讲几个参数，是吧？这个杠 m 的 作用，加载指定模型，下边是加载视觉模型，这个是将模型的多少层放到显存当中，下边是设置上下文的大小。 然后呢视频当中说，呃，所说的这些资源是吧？包括模型是吧？大家呢，可以在啊主页对应的视频下方啊找到啊，网吧链接也在这里。