python web py入门(60)- jQuery - RequireJS库模块之间调用
2023-09-14 09:10:43 时间
在前面学习了RequireJS库模块的定义,这次要来学习模块之间进行相互调用了。比如再添加一个模块叫做common.js, 放在跟register1.js一样的目录下面。
common.js的代码如下:
register1.js的代码如下:
在main.js模块里修改如下:
boost库入门基础
common.js的代码如下:
define(['jquery'],
function($){
return {
// 合法的邮件
email_pattern : /^([.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/
}
});
register1.js的代码如下:
define(['jquery', 'common'],
function($, common){
return {
init: function() {
alert("加载register1.js模块");
alert(common.email_pattern);
}
}
});
在main.js模块里修改如下:
// 全局配置
require.config({
baseUrl: 'static/js',
paths: {
jquery: 'lib/jquery-3.3.1.min',
common: 'app/common',
register: 'app/register1'
}
});
require(['jquery','register'],function($, register){
$(document).ready(function() {
alert("加载模块完成");
register.init();
});
});
在这里主要增加common模块的加载,require里请求这个模块加载,然后加载事里写上register.init()来调用。通过这样的方式,就可以把公共的代码放到一个文件里,可以给多个文件进行调用。同时可以把复杂代码分离开来,容易理解和维护。
最后可以看html的代码都没有变动,如下:
<html>
<head>
<meta charset="utf-8">
<title>
使用模块相互调用的例子
</title>
<script src="static/js/lib/require.min.js" data-main="static/js/main.js" ></script>
</head>
<body>
<form id="register" action="" method="POST">
<table>
<tbody>
<tr>
<td><label for="email">邮箱</label></td>
<td><input type="text" id="email" name="email" /><span class="validate_tip"></span></td>
</tr>
<tr>
<td><label for="username">帐号</label></td>
<td><input type="text" id="username" name="username" /><span class="validate_tip"></span></td>
</tr>
<tr><td><input type="submit" id="register_btn" value="注册" /></td></tr>
</tbody>
</table>
</form>
</body>
</html>
输出结果如下:
boost库入门基础
http://edu.csdn.net/course/detail/5029
Arduino入门基础
http://edu.csdn.net/course/detail/4931
Unity5.x游戏基础入门
http://edu.csdn.net/course/detail/4810
TensorFlow API攻略
http://edu.csdn.net/course/detail/4495
相关文章
- 【Python成长之路】python 基础篇 -- 装饰器【华为云分享】
- python开发全自动网站链接主动提交百度工具
- python应用-21根火柴游戏
- Python MySQLdb模块连接操作mysql数据库实例_python
- Python 字符串_python 字符串截取_python 字符串替换_python 字符串连接
- python工具——diagrams
- Python 字符串_python 字符串截取_python 字符串替换_python 字符串连接
- python:ERROR: No matching distribution found for Pillow==9.1.0的处理(Python 3.6.8)
- Python的IDE:基于Eclipse/MyEclipse软件的PyDev插件配置python的开发环境(不同python项目加载不同版本的python)—从而实现Python编程图文教程之详细攻略
- Python语言学习:在python中,如何获取变量的本身字符串名字而非其值/内容及其应用(在代码中如何查找同值的所有变量名)
- Python语言学习:python语言代码调试—异常处理之详细攻略
- Python之tkinter:动态演示调用python库的tkinter带你进入GUI世界(Scale/Scale的Command)
- Python:利用python代码编程实现将视频的avi格式转换为MP4格式
- 〖Python自动化办公篇⑲〗 - python实现邮件自动化 - 邮件发送
- 【Python成长之路】python 基础篇 -- global/nonlocal关键字使用
- Python编程:twine模块打包python项目上传pypi
- Python编程:python-attrs模块的简单使用
- Python使用技巧(五):快速解决安装python-lxml模块库报错问题并简单使用
- python web py入门(64)- jQuery - 判断窗口滚动条是否滚动?
- Python easyOCR图像文本提取 初识
- Python编程语言学习:python中浅复制/深复制(或浅拷贝/深拷贝)的简介、案例应用注意事项之详细攻略
- 【异常】前端ERR! stack Error: Can‘t find Python executable “python“, you can set the PYTHON env variable.
- Python .py 文件打包成 .exe 文件(Windows平台,python 3.x)