前端设计研究_第1页
前端设计研究_第2页
前端设计研究_第3页
前端设计研究_第4页
前端设计研究_第5页
已阅读5页，还剩17页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

前端设计一、实践目的在本次实践月里的主要教学目标就是教我们学会Python，还有如何通过HBuilderX软件设计前端，并将它与数据库MYSQL连接起来，因此在实践中都是围绕这些主题进行的，老师在上课给我们讲一些发展前景，拿实例为我们讲解，边讲解边让我们实践，课后通过布置类型题使我们对所学内容进行巩固，培养我们的思维方式，动手实践能力，让我们掌握更多的知识。二、实践内容1.启动仪式+项目背景讲解2.程序语言背景学习+上机实践（环境搭建+程序语言上机学习）3.python语言的学习和实践4.html网页设计上机实践5.项目总结实践过程1.Python语言。打印九九乘法表。#coding:UFT-8foriinrange(1,10):forjinrange(i):j=j+1print("%d*%d=%-3d"%(i,j,i*j),end="")print("")计算器的设计代码。#coding:UTF-8a=int(input("请输入第一个数："))b=int(input("请输入第二个数："))mark=input("请输入+、-、*、/")ifmark=="+":print("",a+b)ifmark=="-":print("",a-b)ifmark=="/":ifa==0:print("不能计算")else:print("",a/b)ifmark=="%":print("",a%b)编写一个学生类，属性有学号，姓名，年龄，班级。#coding:UTF-8classStudent:count=0def__init__(self,sno,name,age,class_2):#构造函数，初始化对象self.sno=sno=nameself.age=ageself.class_2=class_2Student.count+=1defshow(self):print("学生，学号：%s,姓名：%s,年龄：%s,班级是：%s"%(self.sno,,self.age,self.class_2))defsumStudent(self):print("一共有",Student.count,"人")classTeacher:def__init__(self,name,stulist=None):=nameifstulist==None:self.stulist=[]defaddStudent(self,student):self.stulist.append(student)defshowMyStu(self):ifself.stulist:print(,"的所有学生")forsinself.stulist:s.show()else:print("没有学生")defshowMyStudentCount(self):print(len(self.stulist))stu1=Student("10001","赵","21","三班")stu2=Student("10002","钱","22","三班")t1=Teacher("李老师")t1.addStudent(stu1)t1.showMyStu()t1.showMyStudentCount()打印出所有的"水仙花数"，所谓"水仙花数"是指一个三位数，其各位数字立方和等于该数本身。例如：153是一个"水仙花数"，因为153=1的三次方＋5的三次方＋3的三次方。#coding:UTF-8importmathforiinrange(100,1000):x=math.floor(i/100)y=math.floor((i-x*100)/10)z=i-math.floor(i/10)*10ifi==x**3+y**3+z**3:print(i,end=',')想出至少三种你喜欢的水果，将其名称存储在一个列表中，再使用for

循环将每种水果的名称都打印出来。#coding:UFT-8fruits=['apple','banana','pear']forfruitinfruits:print(fruit)forfruitinfruits:print('Ilike'+fruit+'\n')从键盘输入一些所需信息。#coding:UFT-8name="张三"phone=123456789adress="北京市朝阳区"print("姓名：",name,"\n手机号:",phone,"\n公司地址：",adress)求出100-200里的所有素数。#coding:UTF-8foriinrange(100,201):x=0forjinrange(2,i):ifi%j==0:x=1breakifx==0:print(i)HTML的网页制作。1.QQ会员页面<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title></title> <styletype="text/css"> #main{ height:100px; background-color:#666666; padding-left:80px; padding-top:10px; } #mainimg{ width:120px; } #mainimg,div{ vertical-align:middle; } #caidan{ display:inline-block; } #caidanul,li{ list-style:none; float:left; margin:8px; margin-right:20px; color:#FFFFFF; } #caidanullia{ text-decoration:none; } #caidanullia:link{ color:#FFFFFF; } #caidanullia:visited{ color:#FFFFFF; } #caidanullia:hover{ color:orange; } #anniu{ display:inline-block; margin:30px; } #anniu#denglu{ display:inline-block; border:1px#E1D5A5solid; width:70px; height:30px; color:#E1D5A5; border-radius:30px; text-align:center; line-height:30px; } #anniu#denglu:hover{ color:black; background:#E1D5A5; } #anniu#huiyuan{ display:inline-block; border:1px#FFA500solid; height:30px; width:120px; text-align:center; line-height:30px; border-radius:40px; color:#8F6809; background:#E1D5A5; margin-left:10px; } </style> </head> <body> <divid="main"> <imgsrc="img/logo.png">; <divid="caidan"> <ul> <li><ahref="#">超级会员</a></li> <li><ahref="#">年费专区</a></li> <li><ahref="#">成长体系</a></li> <li><ahref="#">会员活动</a></li> <li><ahref="#">生活特权</a></li> <li><ahref="#">游戏特权</a></li> <li><ahref="#">功能特权</a></li> </ul> </div> <divid="anniu"> <divid="denglu"> 登陆 </div> <divid="huiyuan"> 开通超级会员 </div> </div> </div> </body></html>2.当当网页面<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title>完善当当购物车页面</title><linktype="text/css"rel="stylesheet"href="css/cartStyle.css"/></head><body><divclass="content"><divclass="logo"><imgsrc="images/dd_logo.jpg"><spanonclick="close_plan();">关闭</span></div><divclass="cartList"><ul><li>¥<inputtype="text"name="price"value="21.90"></li><li><inputtype="button"name="minus"value="-"onclick="minus(0);"><inputtype="text"name="amount"value="1"><inputtype="button"name="plus"value="+"onclick="plus(0);"></li><liid="price0">¥21.90</li><li><ponclick="collection();">移入收藏</p><ponclick="del();">删除</p></li></ul><ul><li>¥<inputtype="text"name="price"value="24.00"></li><li><inputtype="button"name="minus"value="-"onclick="minus(1);"><inputtype="text"name="amount"value="1"><inputtype="button"name="plus"value="+"onclick="plus(1);"></li><liid="price1">¥24.00</li><li><ponclick="collection();">移入收藏</p><ponclick="del();">删除</p></li></ul><ol><liid="totalPrice"> </li><li><spanonclick="accounts();">结算</span></li></ol></div></div><scripttype="text/javascript"src="js/shopping.js"></script></body></html>3.人人网页面<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title></title> </head> <body> <formaction="人人网"method="get"> <inputtype="image"src="../img/renren_titile.gif"/><br/> <br/> <h3>人人网，中国<b>最真实、最有效</b>的社会平台，加入人人网，找回老朋友，结交新朋友。</h3><br/> <br/> 电子邮箱：<inputtype="text"/><br/> <br/> 设置密码：<inputtype="text"/><br/> <br/> 真实姓名：<inputtype="text"/><br/> <br/> 性别：<inputtype="radio"name="sex"value="男"/>男 <inputtype="radio"name="sex"value="nv"/>女<br/> <br/> 生日：<inputtype="date"/><br/> <br/> 为什么要填我的生日？<br/> <br/> 我现在：<selectname=""> <optionvalue="">请选择身份</option> <option>医生</option> <option>吃鸡选手</option> <option>教师</option> <option>垃圾分拣师</option> </select><j>(非常重要)</j><br/> <br/> <inputtype="image"src="../img/renren_code.gif"/> <ahref="">看不清换一张？</a> <br/> 验证码：<inputtype="text"/><br/> <inputtype="image"src="../img/renren.gif"/> </form> </body></html>建立数据库和网页。1.#!/usr/bin/envpythonimportosimportsysif__name__=="__main__":os.environ.setdefault("DJANGO_SETTINGS_MODULE","demoweb.settings")try:fromdjango.core.managementimportexecute_from_command_lineexceptImportErrorasexc:raiseImportError("Couldn'timportDjango.Areyousureit'sinstalledand""availableonyourPYTHONPATHenvironmentvariable?Didyou""forgettoactivateavirtualenvironment?")fromexcexecute_from_command_line(sys.argv)2.pycharm的初始化。#GeneratedbyDjango2.0on2019-07-0906:51fromdjango.dbimportmigrations,modelsclassMigration(migrations.Migration):initial=Truedependencies=[]operations=[migrations.CreateModel(name='Student',fields=[('id',models.AutoField(auto_created=True,primary_key=True,serialize=False,verbose_name='ID')),('name',models.CharField(max_length=128,verbose_name='姓名')),('sex',models.IntegerField(choices=[(1,'男'),(2,'女'),(0,'未知')],verbose_name='性别')),('profession',models.CharField(max_length=128,verbose_name='职业')),('email',models.EmailField(max_length=254,verbose_name='Email')),('qq',models.CharField(max_length=128,verbose_name='QQ')),('phone',models.CharField(max_length=128,verbose_name='电话')),('status',models.IntegerField(choices=[(0,'申请'),(1,'通过'),(2,'拒绝')],default=0,verbose_name='审核状态')),('created_time',models.DateTimeField(auto_now_add=True,verbose_name='创建时间')),],),]3.pycharm的使用。#GeneratedbyDjango2.0on2019-07-1002:24fromdjango.dbimportmigrations,modelsclassMigration(migrations.Migration):dependencies=[('student','0001_initial'),]operations=[migrations.CreateModel(name='Users',fields=[('id',models.AutoField(auto_created=True,primary_key=True,serialize=False,verbose_name='ID')),('username',models.CharField(max_length=30)),('userpwd',models.CharField(max_length=30)),],),]，4.管理。fromdjango.contribimportadmin#Registeryourmodelshere.5.附录。 fromdjango.appsimportAppConfigclassStudentConfig(AppConfig):name='student' 6.构造。 #-*-coding:utf-8-*-fromdjangoimportformsfrom.modelsimportStudentclassStudentForm(forms.ModelForm):defclean_qq(self):cleaned_data=self.cleaned_data['qq']ifnotcleaned_data.isdigit():returnforms.ValidationError('必须时数字')returnint(cleaned_data)classMeta:model=Studentfields=('name','sex','profession','status','email','qq','phone') 7.模型。 fromdjango.dbimportmodelsclassStudent(models.Model):SEX_ITEMS=[(1,'男'),(2,'女'),(0,'未知'),]STATUS_ITEMS=[(0,'申请'),(1,'通过'),(2,'拒绝'),]name=models.CharField(max_length=128,verbose_name="姓名")sex=models.IntegerField(choices=SEX_ITEMS,verbose_name="性别")profession=models.CharField(max_length=128,verbose_name="职业")email=models.EmailField(verbose_name="Email")qq=models.CharField(max_length=128,verbose_name="QQ")phone=models.CharField(max_length=128,verbose_name="电话")status=models.IntegerField(choices=STATUS_ITEMS,default=0,verbose_name="审核状态")created_time=models.DateTimeField(auto_now_add=True,editable=False,verbose_name="创建时间")def__str__(self):return'<Student:{}>'.format()classMeat:verbose_name=verbose_name_plural="学员信息"classUsers(models.Model):username=models.CharField(max_length=30)userpwd=models.CharField(max_length=30) 8.试验。 fromdjango.testimportTestCase#Createyourtestshere. 9.视图。 fromdjango.httpimportHttpResponseRedirectfromdjango.shortcutsimportrender,redirectfrom.modelsimportStudent,Usersfromdjango.urlsimportreversefrom.formsimportStudentFormfromfunctoolsimportwrapsdefcheck_login(f):@wraps(f)definner(request,*arg,**kwargs):ifrequest.session.get('is_login')=='1':returnf(request,*arg,**kwargs)else:returnredirect('/login/')returninner#首页显示学生@check_logindefindex(request):uid=request.session["userid"]u=Users.objects.filter(id=uid)allstu=Student.objects.all()"stulist":allstu,"username":u[0].username}returnrender(request,'index.html',context=context)#新增学生的方法@check_logindefstuadd(request):ifrequest.method=="POST":form=StudentForm(request.POST)ifform.is_valid():form.save()returnHttpResponseRedirect(reverse('index'))else:form=StudentForm()context={"form":form,}#跳转页面returnrender(request,'stuadd.html',context=context)#用户登录deflogin(request):ifrequest.method=="POST":username=request.POST.get("username")userpwd=request.POST.get("userpwd")u=Users.objects.filter(username=username,userpwd=userpwd)ifu:request.session["is_login"]="1"request.session["userid"]=u[0].idreturnredirect('/')returnrender(request,'login.html')defoutlogin(request):request.session['is_login']="0"returnrender(request,'login.html')defzhuce(request):ifrequest.method=="POST":username=request.POST.get("username")userpwd=request.POST.get("userpwd")u=Users()u.username=usernameu.userpwd=userpwdu.save()returnrender(request,'login.html')returnrender(request,'zhuce.html')#修改defeditstu(request):ifrequest.method=="POST":stuid=request.POST.get("stuid")u=Student.objects.filter(id=stuid)form=StudentForm(request.POST,instance=u[0])ifform.is_valid():form.save()returnHttpResponseRedirect(reverse('index'))else:stuid=request.GET.get("stuid")u=Student.objects.filter(id=stuid)form=StudentForm(instance=u[0])context={"form":form,"stuid":stuid}#跳转页面returnrender(request,'editstu.html',context=context)#删除Defdelstu(request):stuid=request.GET.get("stuid")u=Student.objects.filter(id=stuid)u[0].delete()returnHttpResponseRedirect(reverse('index'))四、实践体会在现今社会，就业问题一直是我们当代大学生不得不面对的现实问题。招聘会上的大字报都总写着“有经验者优先”，但是仍处在象牙塔下的我们又有多少人能够符合条件?为了拓展自身的知识面，增加自己的就业优势，锻炼和提高自己的能力，将自己的书本知识和现实相结合，我积极参与的了由学校暑期组织的实践活动。这次的实践活动是我在大学中参加的第二次，大一暑假的实践还在历历在目，记得当时老师给我们讲的是人工智能的人脸识别系统，一眨眼又度过了大二暑假为期在校三周的实践活动，由于本次的实践活动时间比上次的实践活动时间要长，所以接触到的知识也比上一次的丰富。在这次的实践中老师给我们讲了Python，HBuilderX和MySQL这三个软件的使用，它们分别用于代码实现，网页制作(前段开发工具)和数据存储以及数据的管理。在上次的人脸识别系统也是使用Python语言实现的，因此我也认识到了Python语言的重要性以及广泛性。以下是我在暑期的实践总结。Python是一种计算机程序设计语言。是一种面向对象的动态类型语言，最初被设计用于编写动化脚本(shell)，随着版本的不断更新和语言新功能的添加，越来越多被用于独立的、大型项目的开发。Python的特点如下：1、简单：Python是一种代表简单主义思想的语言。阅读一个良好的Python程序就感觉像是在读英语一样。它使你能够专注于解决问题而不是去搞明白语言本身。2、易学：Python极其容易上手，因为Python有极其简单的说明文档。3、速度快：Python的底层是用C语言写的，很多标准库和第三方库也都是用C写的，运行速度非常快4、免费、开源：Python是FLOSS（自由/开放源码软件）之一。使用者可以自由地发布这个软件的拷贝、阅读它的源代码、对它做改动、把它的一部分用于新的自由软件中。FLOSS是基于一个团体分享知识的概念。5、高层语言：用Python语言编写程序的时候无需考虑诸如如何管理你的程序使用的内存一类的底层细节。6、可移植性：由于它的开源本质，Python已经被移植在许多平台上（经过改动使它能够工作在不同平台上）。这些平台包括Linux、Windows、FreeBSD、Macintosh、Solaris、OS/2、Amiga、AROS、AS/400、BeOS、OS/390、z/OS、PalmOS、QNX、VMS、Psion、AcomRISCOS、VxWorks、PlayStation、SharpZaurus、WindowsCE、PocketPC、Symbian以及Google基于linux开发的android平台。7、解释性：一个用编译性语言比如C或C++写的程序可以从源文件（即C或C++语言）转换到一个你的计算机使用的语言（二进制代码，即0和1）。这个过程通过编译器和不同的标记、选项完成。运行程序的时候，连接/转载器软件把你的程序从硬盘复制到内存中并且运行。而Python语言写的程序不需要编译成二进制代码。你可以直接从源代码运行程序。在计算机内部，Python解释器把源代码转换成称为字节码的中间形式，然后再把它翻译成计算机使用的机器语言并运行。这使得使用Python更加简单。也使得Python程序更加易于移植。8、面向对象：Python既支持面向过程的编程也支持面向对象的编程。在“面向过程”的语言中，程序是由过程或仅仅是可重用代码的函数构建起来的。在“面向对象”的语言中，程序是由数据和功能组合而成的对象构建起来的。9可扩展性：如果需要一段关键代码运行得更快或者希望某些算法不公开，可以部分程序用C或C++编写，然后在Python程序中使用它们。10、可嵌入性：可以把Python嵌入C/C++程序，从而向程序用户提供脚本功能。11、丰富的库：Python标准库确实很庞大。它可以帮助处理各种工作，包括正则表达式、文档生成、单元测试、线程、数据库、网页浏览器、CGI、FTP、电子邮件、XML、XML-RPC、HTML、WAV文件、密码系统、GUI（图形用户界面）、Tk和其他与系统有关的操作。这被称作Python的“功能齐全”理念。除了标准库以外，还有许多其他高质量的库，如wxPython、Twisted和Python图像库等等。12、规范的代码：Python采用强制缩进的方式使得代码具有较好可读性。而Python语言写的程序不需要编译成二进制代码。HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。特点：快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。也使我在实践活动中所学的MySQL跟在学校所学的SQLServer加以区别。SQLServer是Microsoft公司推出的关系型数据库管理系统。具有使用方便可伸缩性好与相关软件集成程度高等优点，可跨越从运行MicrosoftWindows98的膝上型电脑到运行MicrosoftWindows2012的大型多处理器的服务器等多种平台使用。

MicrosoftSQLServer是一个全面的数据库平台，使用集成的商业智能(BI)工具提供了企业级的数据管理。MicrosoftSQLServer数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能，使您可以构建和管理用于业务的高可用和高性能的数据应用程序。SQLServer的应用范围，和其具体的版本有一定的关系，基本上是：企业版（EnterpriseEdition）（大中型企业商用）；标准版（StandardEdition）（小型企业商用）；开发版（DeveloperEdition）（开发公司、开发人员使用）；个人版（PersonalEdition）（开发人员使用）；MSDE2000（MicrosoftSQLServer2000DesktopEngine）（简单的单机数据库、开发人员开发测试使用）优点：(1)扩展性强：当系统要更高数据库处理速度时，只要简单地增加数据库服务器

人人文库> 全部分类> 毕业设计 > 毕业论文

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论