伊利集团网站建设怎么样呢,线上线下购物商城系统,网站如何设计方案,正规的计算机培训机构1、创建项目
创建Django项目参照https://blog.csdn.net/qq_42148307/article/details/140798249#xff0c;其中项目名为compute#xff0c;并在该项目下创建一个名为app的应用#xff0c;并且进行基本的配置。
2、导入Bootstrap前端框架
Bootstrap的使用参照https://blo…1、创建项目
创建Django项目参照https://blog.csdn.net/qq_42148307/article/details/140798249其中项目名为compute并在该项目下创建一个名为app的应用并且进行基本的配置。
2、导入Bootstrap前端框架
Bootstrap的使用参照https://blog.csdn.net/qq_42148307/article/details/140904864。在compute项目的app文件夹下面创建一个名为static的子文件夹然后将Bootstrap中的css、fontsjs三个子文件夹复制到static文件夹下面。另外,在static文件夹下新建一个名为img的子文件夹用于存放静态图片。
由于创建的在线计算器项目需要采用Ajax发送数据需要导入jQuery组件来支持Ajax的通信。jQuery是一个快速、简洁的JavaScript框架是一个优秀的JavaScript代码库。 编辑index.html其中
Django中静态文件的引用。先需要导入Django的静态资源引用标签{%load staticfiles%}然后在所有的引用路径前需要添加static标记。即采用类似href{%staticapp/css/bootstrap.min.css%}这种引用形式。可以简单地将static标记理解成一种文件映射即映射到项目app中的static文件夹下。在App应用中的static文件夹下找到css子文件夹然后在该子文件夹style下创建一个.css文件该文件主要是为了定制一些特殊的CSS样式。在body部分引用了两个Bootstrap现成的按钮组件计算按钮因为采用Ajax通信并没有设计相对应的响应函数。
{% load staticfiles %}
!DOCTYPE html
htmlheadmeta charsetutf-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1title在线计算器/titlelink relstylesheet href{% static css/bootstrap.min.css %} /link relstylesheet href{% static css/style.css %} /script src{% static js/jquery.min.js %}/scriptscript src{% static js/bootstrap.min.js %}/script
/headbodybutton type button class btn btn - success btn - lg btn_clear id lgbut_clearonclick fun_clear清空/buttonbutton type button class btn btn - primary btn - lg id lgbut_compute计算/button
/body/html 3、前端页面设计
