做网页前端遇到的一些问题
这两天公司有一个东西要用web制作,但是一直招不到人,我就自己上了,权当锻炼了,虽然公司最近坑了我几次,但毕竟这对自己成长有利
前端是用Jquery+bootstrap制作,这个不用说了
后端是用django
1.bootstrap的布局
bootstrap的布局有点奇怪,是用列的,一个页面只能有12列,跟我们平常用QT或者WX的布局方式有点不一样,但也可用接受
不好的地方就是它没办法平均划分行的高度,在我的页面中我需要嵌入一个直线图用于显示数据,总共要分成两行,我用的是百度的ECHART,由于不能平均划分行,只能自己手动计算了,后面还要适配手机端,蛋疼死了
2.django的网页查找方式
在输入一个网页的时候,发送给django,django会根据正则表达式来匹配对应的网页,匹配网页的规则在urls.py里面
值得一提的是,如果在一个html网页里面有引用到外部的js文件或者HTML文件,请求也会发送到这个网页的匹配规则,然后在从对应app里面的views里面查找对应的函数执行,如果我们没有编写匹配规则以及响应,那么会找不到这个网页,我之前一直以为写的跟在本地的网页是差不多的,如果要引用其他的资源,只要src="./xxx.html"就可以了,没想到那么麻烦
不过一些静态的资源django可以自动帮我们处理,只要设置好静态资源的路径就可以了,具体网上有教程了
3.前端和后端的通讯
前端和后端的通讯跟我想象的差不多,都是利用json来通讯,不过我没想到通讯方式跟网页通讯差不多,都是发送一个地址,然后django去urls.py里面匹配对应的规则,然后再到views里面去执行,返回的也是一个httpResponse,不过想来也对,整个网页都是基于http通讯的
4.网页的调试方式
不得说,制作网页和用python写后端真是很简单,不用编译,想到用C++要等一个编译和链接时间,要是改到头文件更蛋疼
但是同样的,调试起来也很麻烦,虽然firefox的调试工具很强大,但是后端的python出错了后也没无法知道错在那里,只能看到firefox的调试工具返回了一个500的错误
后面是自己一行代码一行代码printf才发现程序执行到那里错误,但是看了半天也没发现错误,自己写了好多测试的代码也没都执行正常
后来发现是django在传入一个函数的时候,是用字符串的方式传递进去的,但是用写代码的时候,是用int类型来处理的,于是乎,在range(1,value)的时候就出错了
所以说,动态类型一时爽,调试起来火葬场,总算是体会到了
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· [AI/GPT/综述] AI Agent的设计模式综述
2014-12-15 如何把python最小化安装在客户机上面
2013-12-15 软件架构的一个设想以及谈一下过去两年开发软件的过失