《(完整)西安邮电大学web大作业报告.pdf》由会员分享，可在线阅读，更多相关《(完整)西安邮电大学web大作业报告.pdf（18页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、(完整 word 版)西安邮电大学 web 大作业报告西西 安安 邮邮 电电 大大 学学（计算机学院）（计算机学院）WEBWEB 开发技术大作业开发技术大作业题题目：目：个人博客个人博客专业名称：专业名称：网络工程网络工程班班级：级：12031203学生姓名：学生姓名：学号（学号（8 8 位）位）：指导教师：指导教师：朱辉朱辉(完整 word 版)西安邮电大学 web 大作业报告提交时间：提交时间：20142014 年年 1212 月月 1919 日日网站主题的意义网站主题的意义本次 web 大作业制作个人博客站点，通过 B/S 架构，我们能很方便的把对客户端进行更新、管理等等操作，而且数据库
2、采用开源的 MYSQL 数据库，成本低、跨平台性能好。而且在服务器配置好 PHPMYADMIN 后，便可以远程操作数据库，十分方便。本网站采用 python 作为后台语言，可移植性高。网站分析网站分析一个人博客应该具有以下几个功能：1.登录2.注册3.写文章4.评论文章5.文章管理网站整体思路采取 MVC 的架构方式：(完整 word 版)西安邮电大学 web 大作业报告首先，在前端网页中，CSS 样式没什么好说的，应为风格采用了扁平化的方式，CSS 样式比较简单。不过在数据交互的过程中，我采用了 JS 中的 Jquery 和 AJAX,这样会让前端网页在动态中显得更加漂亮。为了实现动态网页的
3、设计，我采用了 python 的 web 框架，使用了 jinja2 技术来将前端网页模板化，将网页拆成许多个小块，在用的时候，再组成客户能看到的页面。由于 python提供的 web 框架各有所长，所以我重新构造了一个 web 框架：jinja2 来是页面模版化，django 来实现 socket 通信和拦截，web.py 来对 URL 映射。有了承上启下的 web 框架之后，就得针对 Web App 进行 api 的设计，这里采用 REST的方式来设计 API，使用的数据格式是JSON，这样就能直接被 JS 获取，然后我就能把数据进行封装，来完成数据传输。接下来该设计的就是数据库的连接，底
4、层模块设计的原则是，根据上层调用者设计简单易用的 API 接口，然后，实现模块内部代码。所以，设计一个 db 模块，来作为数据库连接的引擎，连接上数据库后，我能使用 SQL 语句对数据库进行操作，为了避免 SQL 注入攻击，把 SQL 中不用的字符作为占位符。(完整 word 版)西安邮电大学 web 大作业报告完成底层数据库 db 模块后，就是设计orm 模块的时候，因为使用SQL 语句来操作数据库还是有些不方便，所以将 SQL 语句换为更为简单的 API 来给上层操作使用。有了 orm 模块后，上层模块 model 就能将数据库需要的表表示出来了。不过，我要提前用 SQL 脚本初始化数据库
5、，以便调试。设计和风格说明设计和风格说明我的设计风格以扁平化和简约为主，不多加太多的修饰，让人能一下子抓住重点。背景以白色为主色（不是纯白），这样子字的颜色选用黑色会显得比较显目，而且白色搭配蓝色我觉得也是一种类似于地中海风格的搭配，总之能让人觉得很是舒服。为了能让错误提示更加美观，我采用了 Ajax 技术，这样子，在输入不合法的时候就不会重新加载页面了。(完整 word 版)西安邮电大学 web 大作业报告对于图标的选用，我也采取当下流行的扁平化的风格，这样的图标虽然简单，但是能传达的信息是非常巨大的。所需要编辑和支撑的工具软件所需要编辑和支撑的工具软件由于我才用 python 来作为后台语
6、言，所以必须要用 Python 的支持以下是支持清单：1.Python2.x2.Mysql-connector-python（Python 第三方库）3.Jinja2（Python 第三方库）4.Mysql（提供数据库支持）5.浏览器（推荐谷歌等浏览器）因为 Python 跨平台性好，所以我对系统要求不高，如果实在 Linux 系统上搭建服务器的话，最好有 phpmyadmin 来管理数据库我的编程软件分别为 sublime 2 和 PyCharm前者我用来写前端网页，后者我用来 Python 代码，在本机测试的时候，使用自建服务器通过浏览器访问 localhost:9000(完整 word
7、版)西安邮电大学 web 大作业报告软件安装后的路径结果软件安装后的路径结果Python 及第三方库：C:Python27Mysql：C:Program FilesMySQL数据库设计数据库设计数据库 ER 图：(完整 word 版)西安邮电大学 web 大作业报告数据库脚本：-schema.sqldrop database if exists qxx;create database qxx;use qxx;create table users(id varchar(50)not null,email varchar(50)not null,password varchar(50)not nu
8、ll,admin bool not null,name varchar(50)not null,image varchar(500)not null,created_at real not null,unique key idx_email(email),(完整 word 版)西安邮电大学 web 大作业报告key idx_created_at(created_at),primary key(id)engine=innodb default charset=utf8;create table blogs(id varchar(50)not null,user_id varchar(50)not
9、 null,user_name varchar(50)not null,user_image varchar(500)not null,name varchar(50)not null,summary varchar(200)not null,content mediumtext not null,created_at real not null,key idx_created_at(created_at),primary key(id)engine=innodb default charset=utf8;create table comments(id varchar(50)not null
10、,blog_id varchar(50)not null,(完整 word 版)西安邮电大学 web 大作业报告user_id varchar(50)not null,user_name varchar(50)not null,user_image varchar(500)not null,content mediumtext not null,created_at real not null,key idx_created_at(created_at),primary key(id)engine=innodb default charset=utf8;网站主目录的结构说明网站主目录的结构说明
11、我建立了如下目录结构Blog/-根目录|+-static/-存放静态文件|+-css/-存放 CSS 样式文件|+-fonts/-存放字体文件|+-js/-存放 js 文件|(完整 word 版)西安邮电大学 web 大作业报告+-templates/-存放模版文件|+-transwarp/-存放底层 py 文件网站首页设计网站首页设计网站的首页地址是 ip:端口号/当访问这个地址是就会进入如图所示的页面了，这便是我的博客的首页了。这里展示的是每一篇博文的主题和摘要，图中有能看到的是三篇博文，主题分别是“学号是 04122071”、“实验”、“Web 大作业”，这是首页的主体部分。在首页的右边
12、，可以看到两名同班同学博客的友情链接，通过友情链接可以访问“常宫小戎”、“刘漫玉”的个人博客。首页上部管理区，可以进入到博客的管理页面。基于页面的数据录入和操作页面说明基于页面的数据录入和操作页面说明数据录入：我的站点数据录入有两张方式，一种是注册帐号，一种是发表博问和评论首先是注册帐号，我的帐号是管理员，拥有的权限最高，当然，只能我有，所以在建立数据库的时候，就在数据库中直接写入了。游客（看我博客的人）过来，只能注册普通账户，不能(完整 word 版)西安邮电大学 web 大作业报告发表博文，只能评论和查看博客。例如：这个页面就注册了帐号是： 名字为：瞿祥轩可以查看数据库：可以看到此账户信息
13、已经保存到数据库中了，可以发现，密码采用了MD5 的加密，同样的，这个帐号也可以登录：(完整 word 版)西安邮电大学 web 大作业报告帐号密码输入成功后，就进入首页，不过在下图中标注的位置，已经是注册时的名字了接下来是发表博文和评论：可以先看游客账户发布评论，首先点击继续阅读，就能查看本博文的详细内容：输入内容后，点击发表评论，就可以了，然后查看数据库：(完整 word 版)西安邮电大学 web 大作业报告内容已经在数据库中了，网页上也显示出来了。再看撰写博文，下图是页面：填入标题，摘要和内容就能发表了，在首页中，我提前写好了三篇博文，在页面已经展示出来了，而在数据库中，如下图，也是正确
14、的：(完整 word 版)西安邮电大学 web 大作业报告此上是数据录入的部分；对于操作页面，只有管理员可以查看：管理页面中，有三项，可以对评论、日志和用户进行管理，来试着删除一篇博文：(完整 word 版)西安邮电大学 web 大作业报告如上图，页面上显示已经删除了，下图中，数据库也已经删除成功了：评论的模式和日志差不多，便不再赘述了。参考资料参考资料Python 开发实战人民邮电出版社/BePROUD 股份有限公司著HTML 教程http:/www.w3cschool.cc/html/html-tutorial.htmlCSS 教程http:/www.w3cschool.cc/css/cs
15、s-tutorial.htmlJavaScript 教程http:/www.w3cschool.cc/js/js-tutorial.html(完整 word 版)西安邮电大学 web 大作业报告jQuery 教程http:/www.w3cschool.cc/jquery/jquery-tutorial.htmlAJAX教程http:/www.w3cschool.cc/ajax/ajax-intro.html配色教程http:/ 院院WEBWEB开发技术大作业开发技术大作业成绩鉴定表成绩鉴定表网工网工1203/0412201203/0412207171学生姓学生姓名名提交时提交时间间瞿祥轩瞿祥轩
16、班级班级/学号学号20142014 年年1212 月月 1919日日学习态学习态 平时考勤（平时考勤（1010 分）分）度度（2020学习纪律（学习纪律（1010 分）分）成绩鉴成绩鉴定定分）分）设计效设计效 创新性（创新性（1010 分）分）果果（4040功能完整性（功能完整性（1010 分）分）分）分）系统稳定性（系统稳定性（1010 分）分）(完整 word 版)西安邮电大学 web 大作业报告界面友好性（界面友好性（1010 分）分）前期准备和调研，资料查阅与分前期准备和调研，资料查阅与分报告鉴报告鉴 析（析（1010 分）分）定定系统设计方案（系统设计方案（1010 分）分）（404
17、0报告质量报告质量(主题、结构、观点、逻主题、结构、观点、逻分）分）辑、资料、字数）辑、资料、字数）（1010 分分)认识总结（认识总结（1010 分）分）评阅教评阅教师姓名师姓名朱辉朱辉职称职称讲师讲师成绩成绩该同学该同学 WEBWEB 开发技术大作业题目开发技术大作业题目 瞿祥轩的瞿祥轩的个人博客个人博客，经过前期准备和调研，经过前期准备和调研，设计并实现设计并实现了了 管理员系统、后台内容发布、登录管理员系统、后台内容发布、登录 注册、注册、评语评语评论等多项功能，功能完整，系统稳定，运行评论等多项功能，功能完整，系统稳定，运行结果很好。其中的创新点：使用了结果很好。其中的创新点：使用了 jQueryjQuery、AjaxAjax 等技术，等技术，使用使用 PythonPython 进行模块化网站构进行模块化网站构建。大作业主题明确，结构完整，观点明确，建。大作业主题明确，结构完整，观点明确，(完整 word 版)西安邮电大学 web 大作业报告逻辑合理，资料完善，字数适中。对课程的认逻辑合理，资料完善，字数适中。对课程的认识为良好。识为良好。评阅教师签字评阅教师签字年年月月日日