用pycharm建立POS机工程
本菜终于基本建成了POS机的第一个页面,使用pycharm编辑器,在django框架中进行编码,通过CSS文件编辑页面外观,HTML文件编辑整体格式。另有jQuery的js文件编辑超链接等尚未完成。
在pycharm编辑器中先设置外观有利于保护眼睛,文件改名或移动之后会自动对编码内的内容进行更改,个人认为确实便利。
通过django girls项目的教学,初步了解了网页django框架的建设,并且在Linux中通过终端启动网页。
本菜前后进行了两次编码,第一次出现错误后多方修改无效,于是重头再来建立新文档开始,终于编写成功。而第一次的错误在于在mysite/url.py文件中添加语句后没有在应用文件下新建url.py文件添加渲染方法,因此页面一直报错【ViewDoesNotExist at / Could not import 'Item.urls'.View does not exist in module Item.(无法导入'Item.urls'。模块项中不存在视图。)】。在修改这个错误的过程中,冒出了许多想法,虽然全部错误,但是也让我深入了解了django框架中建设网页的过程。
如下实验步骤:
1.在models.py内加入无内容的类 class Item(models.Model):我认为是缺少一个商品类模板所以不能读取文件,但是不知道对应的属性值有什么于是设置空类,于是。。。
【终端内启动网站时报错:
File "/home/sunpeng/pos/Item/models.py", line 3
class Item(models.Model):
^
SyntaxError: unexpected EOF while parsing】
2.删除上一步内容后,在urls.py文件内Item.urls改为mysite/homepage.html:我认为是命名以及路径错误所以无法导入文件,于是。。。
【网站报错:ImportError at / No module named 'mysite/homepage'】
3.撤销上一步,再新建Item文件,添加{from django.conf.urls import url
from . import views
urlpatterns = [url(r'^$',views.homepage,name='homepage')]}这样该是正确步骤中的一步,但是还缺少几项设置,而当时并不知道,于是。。。
【网站依然报错:ViewDoesNotExist at / Could not import 'Item.urls'. View does not exist in module Item.】
还有几步实验修改没有及时总结有些模糊就不写出来误人了。
于是接下来是第二版正确很多的步骤:
(注意:本文所有from ... import ... 全部省略未作说明)
1.建立虚拟环境
2.虚拟环境中安装django,每次建立新的虚拟环境都要安装一次 (myvenv) ~$ pip install django==1.8
3.虚拟环境中跳至POS文件夹建立骨架 (myvenv)~/虚拟环境$ django-admin startproject mysite .
4.修改settings文件
5.修改mysite/urls.py文件,添加url(r'^$',include('pos.urls'))
6.新建pos/urls.py文件,并添加url(r'^$', views.homepage, name='homepage')
7.新建pos/views.py文件,并添加def homepage(request): return render(request,'pos/homepage.html',{})
8.新建pos/templates/pos/homepage.html文件,刷新网页后仍然报错pos/homepage.html
修改:4之后设置数据库,(myvenv) ~/djangogirls$ python manage.py migrate此时才可运行网站
5之后新建(myvenv)sunpeng@sunpeng-X45VD:~/Django/POS$ python manage.py startapp pos,之后再次修改settings.py文件,应用程序文件POS生成,并非手动创建
7不需要新建,之后按照8创建修改,正常运行。
而在主页面正常运行后,推送代码时,却出现错误:
To https://git.coding.net/sunpeng95/pos--web.git
! [rejected] master -> master (fetch first)
error: 无法推送一些引用到 'https://git.coding.net/sunpeng95/pos--web.git'
提示:更新被拒绝,因为远程版本库包含您本地尚不存在的提交。这通常是因为另外
提示:一个版本库已向该引用进行了推送。再次推送前,您可能需要先整合远程变更
提示:(如 'git pull ...')。
提示:详见 'git push --help' 中的 'Note about fast-forwards' 小节。
解决方法:
1.在 .gitignore 文件中添加 .idea 再push,如果没有此文件可以在项目根目录中自主建立
2.强制推送,强行覆盖内容在分支名master前添加 ’ + ‘ 符号:git push -u origin +master
3.其他方法正在学习。。。。。。
以上便是本菜建设POS机主页面的全过程,之后的调试中,对于CSS修改后多次刷新但页面上不显示,只需要使用浏览器工具中的清除浏览数据,再刷新就可以了。
而页面的最小宽度属性设置后,当窗口缩小到一定程度时,页面内容不会再缩进,而是页面下方出现滚动条,同时虽然没有设置最大最小高度,但是高度上的缩进却也不存在了。
ps:https://tutorial.djangogirls.org/zh/ django girls中文教程网址