前端設(shè)計研究_第1頁
前端設(shè)計研究_第2頁
前端設(shè)計研究_第3頁
前端設(shè)計研究_第4頁
前端設(shè)計研究_第5頁
已閱讀5頁，還剩17頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

前端設(shè)計一、實踐目的在本次實踐月里的主要教學(xué)目標(biāo)就是教我們學(xué)會Python，還有如何通過HBuilderX軟件設(shè)計前端，并將它與數(shù)據(jù)庫MYSQL連接起來，因此在實踐中都是圍繞這些主題進行的，老師在上課給我們講一些發(fā)展前景，拿實例為我們講解，邊講解邊讓我們實踐，課后通過布置類型題使我們對所學(xué)內(nèi)容進行鞏固，培養(yǎng)我們的思維方式，動手實踐能力，讓我們掌握更多的知識。二、實踐內(nèi)容1.啟動儀式+項目背景講解2.程序語言背景學(xué)習(xí)+上機實踐（環(huán)境搭建+程序語言上機學(xué)習(xí)）3.python語言的學(xué)習(xí)和實踐4.html網(wǎng)頁設(shè)計上機實踐5.項目總結(jié)實踐過程1.Python語言。打印九九乘法表。#coding:UFT-8foriinrange(1,10):forjinrange(i):j=j+1print("%d*%d=%-3d"%(i,j,i*j),end="")print("")計算器的設(shè)計代碼。#coding:UTF-8a=int(input("請輸入第一個數(shù)："))b=int(input("請輸入第二個數(shù)："))mark=input("請輸入+、-、*、/")ifmark=="+":print("",a+b)ifmark=="-":print("",a-b)ifmark=="/":ifa==0:print("不能計算")else:print("",a/b)ifmark=="%":print("",a%b)編寫一個學(xué)生類，屬性有學(xué)號，姓名，年齡，班級。#coding:UTF-8classStudent:count=0def__init__(self,sno,name,age,class_2):#構(gòu)造函數(shù)，初始化對象self.sno=sno=nameself.age=ageself.class_2=class_2Student.count+=1defshow(self):print("學(xué)生，學(xué)號：%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(,"的所有學(xué)生")forsinself.stulist:s.show()else:print("沒有學(xué)生")defshowMyStudentCount(self):print(len(self.stulist))stu1=Student("10001","趙","21","三班")stu2=Student("10002","錢","22","三班")t1=Teacher("李老師")t1.addStudent(stu1)t1.showMyStu()t1.showMyStudentCount()打印出所有的"水仙花數(shù)"，所謂"水仙花數(shù)"是指一個三位數(shù)，其各位數(shù)字立方和等于該數(shù)本身。例如：153是一個"水仙花數(shù)"，因為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

循環(huán)將每種水果的名稱都打印出來。#coding:UFT-8fruits=['apple','banana','pear']forfruitinfruits:print(fruit)forfruitinfruits:print('Ilike'+fruit+'\n')從鍵盤輸入一些所需信息。#coding:UFT-8name="張三"phone=123456789adress="北京市朝陽區(qū)"print("姓名：",name,"\n手機號:",phone,"\n公司地址：",adress)求出100-200里的所有素數(shù)。#coding:UTF-8foriinrange(100,201):x=0forjinrange(2,i):ifi%j==0:x=1breakifx==0:print(i)HTML的網(wǎng)頁制作。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="#">年費專區(qū)</a></li> <li><ahref="#">成長體系</a></li> <li><ahref="#">會員活動</a></li> <li><ahref="#">生活特權(quán)</a></li> <li><ahref="#">游戲特權(quán)</a></li> <li><ahref="#">功能特權(quán)</a></li> </ul> </div> <divid="anniu"> <divid="denglu"> 登陸 </div> <divid="huiyuan"> 開通超級會員 </div> </div> </div> </body></html>2.當(dāng)當(dāng)網(wǎng)頁面<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title>完善當(dāng)當(dāng)購物車頁面</title><linktype="text/css"rel="stylesheet"href="css/cartStyle.css"/></head><body><divclass="content"><divclass="logo"><imgsrc="images/dd_logo.jpg"><spanonclick="close_plan();">關(guān)閉</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();">結(jié)算</span></li></ol></div></div><scripttype="text/javascript"src="js/shopping.js"></script></body></html>3.人人網(wǎng)頁面<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title></title> </head> <body> <formaction="人人網(wǎng)"method="get"> <inputtype="image"src="../img/renren_titile.gif"/><br/> <br/> <h3>人人網(wǎng)，中國<b>最真實、最有效</b>的社會平臺，加入人人網(wǎng)，找回老朋友，結(jié)交新朋友。</h3><br/> <br/> 電子郵箱：<inputtype="text"/><br/> <br/> 設(shè)置密碼：<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/> 我現(xiàn)在：<selectname=""> <optionvalue="">請選擇身份</option> <option>醫(yī)生</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>建立數(shù)據(jù)庫和網(wǎng)頁。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='職業(yè)')),('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='審核狀態(tài)')),('created_time',models.DateTimeField(auto_now_add=True,verbose_name='創(chuàng)建時間')),],),]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.構(gòu)造。 #-*-coding:utf-8-*-fromdjangoimportformsfrom.modelsimportStudentclassStudentForm(forms.ModelForm):defclean_qq(self):cleaned_data=self.cleaned_data['qq']ifnotcleaned_data.isdigit():returnforms.ValidationError('必須時數(shù)字')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="職業(yè)")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="審核狀態(tài)")created_time=models.DateTimeField(auto_now_add=True,editable=False,verbose_name="創(chuàng)建時間")def__str__(self):return'<Student:{}>'.format()classMeat:verbose_name=verbose_name_plural="學(xué)員信息"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#首頁顯示學(xué)生@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)#新增學(xué)生的方法@check_logindefstuadd(request):ifrequest.method=="POST":form=StudentForm(request.POST)ifform.is_valid():form.save()returnHttpResponseRedirect(reverse('index'))else:form=StudentForm()context={"form":form,}#跳轉(zhuǎn)頁面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}#跳轉(zhuǎn)頁面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'))四、實踐體會在現(xiàn)今社會，就業(yè)問題一直是我們當(dāng)代大學(xué)生不得不面對的現(xiàn)實問題。招聘會上的大字報都總寫著“有經(jīng)驗者優(yōu)先”，但是仍處在象牙塔下的我們又有多少人能夠符合條件?為了拓展自身的知識面，增加自己的就業(yè)優(yōu)勢，鍛煉和提高自己的能力，將自己的書本知識和現(xiàn)實相結(jié)合，我積極參與的了由學(xué)校暑期組織的實踐活動。這次的實踐活動是我在大學(xué)中參加的第二次，大一暑假的實踐還在歷歷在目，記得當(dāng)時老師給我們講的是人工智能的人臉識別系統(tǒng)，一眨眼又度過了大二暑假為期在校三周的實踐活動，由于本次的實踐活動時間比上次的實踐活動時間要長，所以接觸到的知識也比上一次的豐富。在這次的實踐中老師給我們講了Python，HBuilderX和MySQL這三個軟件的使用，它們分別用于代碼實現(xiàn)，網(wǎng)頁制作(前段開發(fā)工具)和數(shù)據(jù)存儲以及數(shù)據(jù)的管理。在上次的人臉識別系統(tǒng)也是使用Python語言實現(xiàn)的，因此我也認識到了Python語言的重要性以及廣泛性。以下是我在暑期的實踐總結(jié)。Python是一種計算機程序設(shè)計語言。是一種面向?qū)ο蟮膭討B(tài)類型語言，最初被設(shè)計用于編寫動化腳本(shell)，隨著版本的不斷更新和語言新功能的添加，越來越多被用于獨立的、大型項目的開發(fā)。Python的特點如下：1、簡單：Python是一種代表簡單主義思想的語言。閱讀一個良好的Python程序就感覺像是在讀英語一樣。它使你能夠?qū)Ｗ⒂诮鉀Q問題而不是去搞明白語言本身。2、易學(xué)：Python極其容易上手，因為Python有極其簡單的說明文檔。3、速度快：Python的底層是用C語言寫的，很多標(biāo)準庫和第三方庫也都是用C寫的，運行速度非常快4、免費、開源：Python是FLOSS（自由/開放源碼軟件）之一。使用者可以自由地發(fā)布這個軟件的拷貝、閱讀它的源代碼、對它做改動、把它的一部分用于新的自由軟件中。FLOSS是基于一個團體分享知識的概念。5、高層語言：用Python語言編寫程序的時候無需考慮諸如如何管理你的程序使用的內(nèi)存一類的底層細節(jié)。6、可移植性：由于它的開源本質(zhì)，Python已經(jīng)被移植在許多平臺上（經(jīng)過改動使它能夠工作在不同平臺上）。這些平臺包括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開發(fā)的android平臺。7、解釋性：一個用編譯性語言比如C或C++寫的程序可以從源文件（即C或C++語言）轉(zhuǎn)換到一個你的計算機使用的語言（二進制代碼，即0和1）。這個過程通過編譯器和不同的標(biāo)記、選項完成。運行程序的時候，連接/轉(zhuǎn)載器軟件把你的程序從硬盤復(fù)制到內(nèi)存中并且運行。而Python語言寫的程序不需要編譯成二進制代碼。你可以直接從源代碼運行程序。在計算機內(nèi)部，Python解釋器把源代碼轉(zhuǎn)換成稱為字節(jié)碼的中間形式，然后再把它翻譯成計算機使用的機器語言并運行。這使得使用Python更加簡單。也使得Python程序更加易于移植。8、面向?qū)ο螅篜ython既支持面向過程的編程也支持面向?qū)ο蟮木幊獭Ｔ凇懊嫦蜻^程”的語言中，程序是由過程或僅僅是可重用代碼的函數(shù)構(gòu)建起來的。在“面向?qū)ο蟆钡恼Z言中，程序是由數(shù)據(jù)和功能組合而成的對象構(gòu)建起來的。9可擴展性：如果需要一段關(guān)鍵代碼運行得更快或者希望某些算法不公開，可以部分程序用C或C++編寫，然后在Python程序中使用它們。10、可嵌入性：可以把Python嵌入C/C++程序，從而向程序用戶提供腳本功能。11、豐富的庫：Python標(biāo)準庫確實很龐大。它可以幫助處理各種工作，包括正則表達式、文檔生成、單元測試、線程、數(shù)據(jù)庫、網(wǎng)頁瀏覽器、CGI、FTP、電子郵件、XML、XML-RPC、HTML、WAV文件、密碼系統(tǒng)、GUI（圖形用戶界面）、Tk和其他與系統(tǒng)有關(guān)的操作。這被稱作Python的“功能齊全”理念。除了標(biāo)準庫以外，還有許多其他高質(zhì)量的庫，如wxPython、Twisted和Python圖像庫等等。12、規(guī)范的代碼：Python采用強制縮進的方式使得代碼具有較好可讀性。而Python語言寫的程序不需要編譯成二進制代碼。HBuilder是DCloud(數(shù)字天堂)推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。它基于Eclipse，所以順其自然地兼容了Eclipse的插件。特點：快，是HBuilder的最大優(yōu)勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發(fā)效率。也使我在實踐活動中所學(xué)的MySQL跟在學(xué)校所學(xué)的SQLServer加以區(qū)別。SQLServer是Microsoft公司推出的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)。具有使用方便可伸縮性好與相關(guān)軟件集成程度高等優(yōu)點，可跨越從運行MicrosoftWindows98的膝上型電腦到運行MicrosoftWindows2012的大型多處理器的服務(wù)器等多種平臺使用。

MicrosoftSQLServer是一個全面的數(shù)據(jù)庫平臺，使用集成的商業(yè)智能(BI)工具提供了企業(yè)級的數(shù)據(jù)管理。MicrosoftSQLServer數(shù)據(jù)庫引擎為關(guān)系型數(shù)據(jù)和結(jié)構(gòu)化數(shù)據(jù)提供了更安全可靠的存儲功能，使您可以構(gòu)建和管理用于業(yè)務(wù)的高可用和高性能的數(shù)據(jù)應(yīng)用程序。SQLServer的應(yīng)用范圍，和其具體的版本有一定的關(guān)系，基本上是：企業(yè)版（EnterpriseEdition）（大中型企業(yè)商用）；標(biāo)準版（StandardEdition）（小型企業(yè)商用）；開發(fā)版（DeveloperEdition）（開發(fā)公司、開發(fā)人員使用）；個人版（PersonalEdition）（開發(fā)人員使用）；MSDE2000（MicrosoftSQLServer2000DesktopEngine）（簡單的單機數(shù)據(jù)庫、開發(fā)人員開發(fā)測試使用）優(yōu)點：(1)擴展性強：當(dāng)系統(tǒng)要更高數(shù)據(jù)庫處理速度時，只要簡單地增加數(shù)據(jù)庫服務(wù)器

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論