用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中文教程网址