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

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

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

这里就是官方文档

这里我们问了一下豆包

我们点击这个

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

下载好了

然后我们解压这个文件

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

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

有一些样例什么的

最主要 的是这个文件夹

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

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

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

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

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

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

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

然后看豆包的这里

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

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

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

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

放到项目里面启动一下

可以看到成功了

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

参考这个

我们写在这里测试一下

可以看到生效了

相关推荐
问道飞鱼8 分钟前
【前端知识】React生态你了解多少?
前端·react.js·前端框架·生态
Pu_Nine_98 分钟前
前端SSE(Server-Sent Events)实现详解:从原理到前端AI对话应用
前端·langchain·sse·ai对话
optimistic_chen18 分钟前
【Vue3入门】Pinia 状态管理 和 ElementPlus组件库
前端·javascript·vue.js·elementui·pinia·组件
kgduu19 分钟前
js之网络请求与远程资源
开发语言·javascript·网络
酉鬼女又兒21 分钟前
零基础入门前端JavaScript 核心语法:var/let/const、箭头函数与 setTimeout 循环陷阱全解析(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·蓝桥杯
Bling_Bling_124 分钟前
【无标题】
前端·网络协议
We་ct25 分钟前
React Diff & Key 核心解析
开发语言·前端·javascript·react.js·前端框架·reactjs·diff
哥本哈士奇26 分钟前
Vue 3 快速入门:从零搭建前后端 CRUD 应用
前端·javascript·vue.js
biubiubiu070627 分钟前
Agent 是如何拥有“手脚”的(ReAct 运行流程)
开发语言·前端·javascript
摸鱼的春哥31 分钟前
Agent教程21:知识图谱🕸,让AI🤖学会联想
前端·javascript·后端