1、设置settings.py
STATIC_URL = ‘/static/‘ STATICFILES_DIRS = [ os.path.join(BASE_DIR, ‘static‘), ]
2、在项目根目录下创建static目录，再创建当前应用名称的目录，然后创建相关目录js和css。把相关文件放入目录；
# tree static/ static/ ├── css │ └── jquery.datetimepicker.css └── js └── jquery.js
3、在app的template里面，创建一个测试页面abc.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="/static/js/jquery.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落</p>
<p id="test" >这是另外一个段落</p>
<button>点我</button>
</body>
</html>
4、设置views
def abc(request): return render(request,‘abc.html‘)
5、设置urls
urlpatterns = [ url(r‘^admin/‘, include(admin.site.urls)), url(r‘^abc‘,views.abc,name=‘abc‘), ]
6、访问页面尝试jquery是否生效http://192.168.1.232:8000/abc
时间： 2024-12-18 07:42:49