创建自己的共用js库
2024-10-18 14:54:04
直至昨晚为止,学习了一个多月的MVC与jQuery,从所做的练习中,发觉jQuery的代码也有跟C#语言一样可以重构,多页面有相同使用的方法函数,均可以放置于一个单独立的js文件或是自定义的js库中。
在使用时,引用此库文件即可。举个简单的例子,如前面介绍的两个下拉列表联动的功能,不管是在MVC添加,还是编辑时,均需要写上几个相同的函数来实现。为了js代码没有冗余。我们就可以重构它们了。
在MVC应用程序下的Scripts目录下,创建一个insus.common.utility.js库。
js类库中,只是简单把两个函数搬过来。 有一个地方,即是把#23行代码,改为#24行。这样可以兼容到MVC创建和编辑的下拉列表的联动。
接下来,我们可以修改Update.cshtml和Create.cshtml视图了,先看Update.cshtml视图:
我们添加了#5行代码,那是引用刚才创建好的js库。还是把#105至#127行代码删除。再看Create.cshtml视图:
引用#8行代码,把#15改为#16行,把#31改为#32。把#37至#57行代码删除。
经此一改,就达到我们的最初目的了。
最新文章
- Spring 4 + Quartz 2.2.1 Scheduler Integration Example
- 【Beta版本】七天冲刺集结令
- C#中快速释放内存,任务管理器可查证
- 【poj2114】 Boatherds
- Unity 2D Sprite Lighting
- (六) 6.1 Neurons Networks Representation
- 搬瓦工vps搭建vpn
- atom写文档技巧
- Firewalld防火墙
- 多个Tomcat 配置多个JDK
- django2 快速安装指南
- 深度学习识别CIFAR10:pytorch训练LeNet、AlexNet、VGG19实现及比较(三)
- Hive 本地调试方法
- docker vm 性能优劣
- tfs2015 生成与发布 配置
- Element分页组件prev-text和next-text属性无效?
- inline、block与inline-block
- 浅谈微服务架构、容器技术与K8S
- How to use external classes and PHP files in Laravel Controller?
- c语言-遍历pci设备(2)mmio访问
热门文章
- 【npm】利用npm安装/删除/发布/更新/撤销发布包
- Linux查看运行时间
- 《Python黑帽子:黑客与渗透测试编程之道》 Windows系统提权
- [WC2005]双面棋盘(线段树+并查集)
- [LNOI2014]LCA(树剖+线段树)
- mysql添加外键的4种方式
- Linux上安装java JDK
- nginx root&;alias 文件路径配置
- 微信小程序导出当前画布指定区域的内容并生成图片保存到本地相册(canvas)
- zookeeper+kafka集群的安装部署