004.将HTML原型文件中的JS和CSS拆分为单独的文件

1、将css代码单独用文件保存

  • 新建kbrequest/static/css/index.css文件
  • 将原型HTML文件中的style标签中所有css代码复制到该文件
  • 在index.html添加引用外部css文件代码
    image
    2、将js代码单独用文件保存
  • 新建kbrequest/static/js/index.js文件
  • 将原型HTML文件中的script标签中所有js代码复制到该文件
  • 在index.html添加引用外部js文件代码
    image
    3、重启服务器测试样式和JS代码是否仍正常调用执行
  • Ctrl + C终止服务器运行,python manage.py runserver启动服务器
  • 访问http://127.0.0.1:8000/kbrequest/验证CSS样式正常渲染
    image
  • 测试点击新建KB需求模态框正常唤出
    image
posted @ 2025-12-24 17:07  省时哥  阅读(8)  评论(0)    收藏  举报