"Python Project Combat" BBS Forum (2) page initial design

One, download a page template (of course, you can write it yourself)

Find the following page, then right-save as, all saved

http://v3.bootcss.com/examples/navbar-fixed-top/#

The downloaded file is the preliminary template

Second, editor settings.py

1. Add a static page path and create a new statics folder inside the project directory

Staticfiles_dirs = ("%s/%s"% (Base_dir, "statics"),)

2, join DIRS, default generated is empty DIRS, start the service, will report abnormal

Exception type:templatedoesnotexist

templates = [    {         ' BACKEND ':   ' Django.template.backends.django.DjangoTemplates ',##  under this very key           ' DIRS ':  [os.path.join (base_dir,  ' templates ')],          ' app_dirs ': true,         ' OPTIONS ': {              ' Context_processors ': [                  ' Django.template.context_ Processors.debug ',                  ' Django.template.context_processors.request ',                  ' Django.contrib.auth.context_processors.auth ',                  ' Django.contrib.messages.context_processors.messages ',             ],        },     },]

Third, download CSS, JS template

http://www.bootcss.com/, using Bootstrap v3.3.5, a simple, intuitive, and powerful front-end development framework to make web development faster and easier.

Download jquery 2.1.4

http://www.jq22.com/jquery-info122 (jquery Download all versions (live Update))

Put the downloaded files into the Statics folder,

650) this.width=650; "src=" Http://s2.51cto.com/wyfs02/M02/7F/09/wKioL1cQqz6Ta5KBAACJr-zH1BE521.jpg "title=" Cssjs file. JPG "alt=" Wkiol1cqqz6ta5kbaacjr-zh1be521.jpg "/>

Iv. Editorial urls.py

urlpatterns = [url (r ' ^admin/', admin.site.urls), url (r ' ^$ ', Views.index, name= "index"),]

V. Editorial views.py

def index (request): articles = models. Article.objects.all () return render (Request, ' index.html ', {' articles ': articles})

Vi. run project, accessing 127.0.0.1:8000

Under normal circumstances the page can be accessed, but the page format is invalid, press F12 in the browser, open debug--console

Runnerw.exe C:\Python27\python.exe c:/pyfile/pyproject/s11bbs/manage.py runserver 8000Performing System checks ... System Check identified no issues (0 silenced). April, 2016-16:50:48django version 1.9.5, using Settings ' s11bbs.settings ' starting development Server at http://127.0 .0.1:8000/quit the server with Ctrl-break.

Can see is those css,js file path problem, because the downloaded template HTML file referenced css, JS and other files are the original path, now need to change their own path

Like what:

<!--Bootstrap Core CSS--<link href= "/static/bootstrap/css/bootstrap.min.css" rel= "stylesheet" >

Some files do not need to go to the original page to download

Like what:

Navbar-fixed-top.css

body {min-height:2000px; padding-top:70px;}

Error page: A single piece of troubleshooting

650) this.width=650; "src=" Http://s5.51cto.com/wyfs02/M00/7F/09/wKioL1cQrKOCYvtkAABlm9Gc2sg038.jpg "title=" Console Debug Page 1. JPG "alt=" Wkiol1cqrkocyvtkaablm9gc2sg038.jpg "/>

Seven, attached code:

# # Index.html

<! doctype html><!-- saved from url= (0049) http://v3.bootcss.com/examples/ navbar-fixed-top/# -->






This article is from the "Seeworld" blog, make sure to keep this source http://depops2016.blog.51cto.com/4205997/1764240
"Python Project Combat" BBS Forum (2) page initial design