每一个vue组件都有三部分
template:存放html代码
script: 存放js相关的东西
style: 存放css相关
vue中创建路由
创建一个组件
配置路由:
在router.js中加入
{
path:‘/freecource‘,
name:‘freecource‘,
component:FreeCource},
路由跳转
<router-link to=‘/about‘>About></router-link>
在组件中显示数据
在template:{{变量}}
在script:
data:function(){
return { cource_list:[‘1,2,2,3]}
vue中的axios:
安装: npm install axios 在package.json中就能看到依赖
在main.js中配置
import axios from ‘axios‘
Vue.prototype.$http=axios
在组件的js代码中写
this.$http://127.0.0.1:8804/courses/‘,
method:‘get‘}).then(function (response){ console.log(response.data)})
页面加载完成,执行数据加载
mounted:function(){ this.init()}
vue中使用element-ui
饿了么开源的样式
安装npm i element-ui -S
在main.js中配置
import ElementUI from ‘element-ui‘;
import ‘element-ui/lib/theme-chalk/index.css‘;
Vue.use(ElementUI)
开放media路径
创建media文件夹在settings中配置
MEDIA_ROOT=os.path.join(BASE_DIR,‘media‘)
在urls.py中
from django.views.static import serve
from luffy_city import settings
urlpatterns = [url(r‘^media/(?P<path>.*)‘,serve,{‘document_root‘:settings.MEDIA_ROOT})]
contentype
新建免费课程表的时候
不会在数据库中生成字段,只用于数据库操作
policy = GenericRelation(to=‘PricePolicy‘)
新建学位课程表的时候
不会在数据库中生成字段,只用于数据库操作
policy=GenericRelation(to=‘PricePolicy‘)
价格策略表
引入一个字段,不会再数据库中创建,只用来做数据库操作
content_obj = GenericForeignKey()
使用一(给课程添加价格策略):
给免费课django添加价格策略
course = models.Course.objects.get(pk=1)
ret = models.PricePolicy.objects.create(period=30,price=199.9,content_obj=couse)
给学位课程添加价格策略
degree_couse= models.DegreeCourse.objects.get(pk=1)
ret = models.PricePolicy.objects.create(period=30,price199.9,content_obj=degree_course)
使用二;查询价格策略对应的课程
price_policy = models.PricePolicy.objects.get(pk=1)
print(price_policy.content_obj)
使用三:通过课程获取价格策略
course = models.Course.objects.get(pk=1)
policy_list = course.policy.all()
消息队列
消息队列是在消息的传输过程中保存信息的容器
主要由于高并发环境下,来不及同步处理,请求往往会发生阻塞,使用消息队列可以异步处理请求,从而缓解系统的压力
1.在cmd中或pycharm使用终端标签项切换到django的项目根目录
2.生成依赖文件
pip freeze > requirements.txt
此会自动搜索工程中的所有依赖包名及相关版本到requirements.txt文件中
如果需要部署相关的工程,安装此文件中的依赖即可
使用pip install -r requirements.txt 即可快速安装相关依赖