本菜终于基本建成了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修改后多次刷新但页面上不显示,只需要使用浏览器工具中的清除浏览数据,再刷新就可以了。

而页面的最小宽度属性设置后,当窗口缩小到一定程度时,页面内容不会再缩进,而是页面下方出现滚动条,同时虽然没有设置最大最小高度,但是高度上的缩进却也不存在了。