首页 / 更多教程 / 前后端数据接口对接练习
前后端数据接口对接练习
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了前后端数据接口对接练习,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1824字,纯文字阅读大概需要3分钟。
内容图文
![前后端数据接口对接练习](/upload/InfoBanner/zyjiaocheng/1329/df72169990dd488a81351dc19052e9b6.jpg)
练习要求:
要求:
1. 能实现前端增删查改省份信息的功能
? 其中查询数据的时候,显示为案例中的表格格式。
? 注意,在drf中可以通过自定义请求头,实现cors,解决axios跨域问题。
2.实现点击gdp表头信息,能够进行倒叙排序.
| 省份编号 (id) | 省份 (name) | 占地面积 (area) | 人口 (population/亿) | 国民生产总值 (gdp/万亿) |
| ------------- | ----------- | ----------------- | ---------------------- | ------------------------- |
| 1 | 广东 | 17.98 | 1.12 | 9.73 |
| 2 | 江苏 | 10.26 | 0.80 | 9.26 |
| 3 | 山东 | 15.7 | 1.00 | 7.65 |
| 4 | 浙江 | 10.18 | 0.57 | 5.62 |
| 5 | 河南 | 16.7 | 0.96 | 4.8 |
| 6 | 四川 | 48.5 | 0.83 | 4.07 |
| 7 | 湖北 | 18.59 | 0.59 | 3.94 |
| 8 | 湖南 | 21.18 | 0.69 | 3.64 |
| 9 | 河北 | 19 | 0.75 | 3.6 |
| 10 | 福建 | 12.14 | 0.39 | 3.58
|
1.1搭建项目(ubuntu):
终端操作(搭建前端项目):
cd ./Desktop //进入桌面
moluo@ubuntu:~/Desktop$ mkvirtualenv homework //创建虚拟环境
(homework) moluo@ubuntu:~/Desktop$ mkdir homework //在桌面创建目录
(homework) moluo@ubuntu:~/Desktop$ cd homework/ //进入桌面
(homework) moluo@ubuntu:~/Desktop/homework$ vue init webpack view //创建前端项目
? Project name view
? Project description A Vue.js project
? Author Jerry
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (reco
mmended) npm.................... //创建ok
// 搭建完后端在进前端run起来
(homework) moluo@ubuntu:~/Desktop/homework$ cd view
(homework) moluo@ubuntu:~/Desktop/homework/view$ npm run dev
终端操作(搭建后端项目):
Ctrl+Shift+T //另起终端窗口搭建后端项目
moluo@ubuntu:~/Desktop/homework$ workon homework
(homework) moluo@ubuntu:~/Desktop/homework$ pip install django -i https://pipy.douban.com/simple
//下载django
(homework) moluo@ubuntu:~/Desktop/homework$ cd view
(homework) moluo@ubuntu:~/Desktop/homework/view$ npm run dev
.................
DONE Compiled successfully in 2699ms
原文:https://www.cnblogs.com/Python-368/p/12900860.html
内容总结
以上是互联网集市为您收集整理的前后端数据接口对接练习全部内容,希望文章能够帮你解决前后端数据接口对接练习所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。