netframe4.5 的mvc 框架 layui 组件的引用

官方网址https://layui.dev/docs/2

我们现在来给项目里面加一个layui组件

这里就是官方文档

这里我们问了一下豆包

我们点击这个

就跳转到这里了,点击这个 直接下载

下载好了

然后我们解压这个文件

这里解压好了我们可以看到

点进去看一下,有这些文件

有一些样例什么的

最主要 的是这个文件夹

然后按豆包说的,我们放在这里

在项目里面就是这里,我们在资源管理器中打开。

打开之后,把这个文件复制过来

为了以后方便,我们把版本号可以放在后面

然后在项目里面,按着箭头的方向一次点击,就会看见我们刚才拉进来的文件,现在是黑色的没有引用进来

我们右键点击这个文件,包括在项目中

这样他就点亮了,里面文件也全都有

然后看豆包的这里

就是在这个位置,也要看你项目用的是哪个页面,这里用哪个就写到那个上面。

这里我在所有的页面上都加上了这一句

注意这个名字要和我们刚才创的时候的写一样的

现在我们来写一个按钮来试试

放到项目里面启动一下

可以看到成功了

我们来给这个按钮加一个onclick事件,来打开弹出层

参考这个

我们写在这里测试一下

可以看到生效了

相关推荐
Nan_Shu_6147 分钟前
学习:uniapp全栈微信小程序vue3后台(28)
前端·学习·微信小程序·小程序·uni-app
珍宝商店17 分钟前
原生 JavaScript 方法实战指南
开发语言·前端·javascript
蓝莓味的口香糖27 分钟前
【企业微信】VUE项目在企微中自定义转发内容
前端·vue.js·企业微信
IT_陈寒27 分钟前
告别低效!用这5个Python技巧让你的数据处理速度提升300% 🚀
前端·人工智能·后端
—Qeyser29 分钟前
Laravel + UniApp AES加密/解密
前端·uni-app·laravel
C++chaofan32 分钟前
游标查询在对话历史场景下的独特优势
java·前端·javascript·数据库·spring boot
cg.family34 分钟前
Vue3 v-slot 详解与示例
前端·javascript·vue.js
FreeBuf_1 小时前
新型域名前置攻击利用Google Meet、YouTube、Chrome及GCP构建流量隧道
前端·chrome
c0detrend1 小时前
技术架构设计:如何打造一个高性能的Chrome截图插件
前端·chrome
幽络源小助理1 小时前
8、幽络源微服务项目实战:前端登录跨域同源策略处理+axios封装+权限的递归查询增删改+鉴权测试
前端·微服务·架构