-
web前端實訓報告 推薦度:
- 相關推薦
web實訓報告
在日常生活和工作中,接觸并使用報告的人越來越多,報告具有雙向溝通性的特點。那么一般報告是怎么寫的呢?以下是小編精心整理的web實訓報告,希望能夠幫助到大家。
web實訓報告1
一、實訓項目
簡易記事本
二、實訓目的和要求
本次實訓是對前面學過的所有面向對象的編程思想以及JAVAWEB編程方法的一個總結、回顧和實踐,因此,開始設計前學生一定要先回顧以前所學的內容,明確本次作業設計所要用到的技術點并到網上搜索以及查閱相關的書籍來搜集資料。通過編寫采用JSP+Servlet+JavaBean技術框架的應用系統綜合實例,以掌握JavaWEB開發技術。
具體要求有以下幾點:
1.問題的描述與程序將要實現的具體功能。
2.程序功能實現的具體設計思路或框架,并檢查流程設計。3.代碼實現。4.設計小結。
三、實訓項目的開發環境和所使用的技術
基于J2SE基礎,利用MyEclipse8.5以上版本的集成開發環境完成實訓項目,界面友好,代碼的可維護性好,有必要的注釋和相應的文檔。
四、實訓地點、日程、分組情況:
實訓地點:4棟303機房日程:
第一階段:1.班級分組,選定課題,查閱相關資料半天2.劃分模塊、小組成員分工半天3.利用CASE工具進行系統設計和分析,并編制源程序5天
第二階段:上機調試,修改、調試、完善系統2天
第三階段:撰寫、上交課程設計報告,上交課程設計作品源程序(每人1份)2天
五、程序分析
功能模塊說明彈出菜單
for(intf=0;f 創建保存文件對話框
publicvoidsaveFile(){ 創建打開文件對話框
privatevoidopenFile(){ JFileChooserfilechoose=newJFileChooser();intresult=filechoose.showOpenDialog(null);if(result==JFileChooser.APPROVE_OPTION)}
{try{
Filefile=filechoose.getSelectedFile();FileReaderfr=newFileReader(file);intlen=(int)file.length();char[]context=newchar[len];fr.read(context,0,len);fr.close();
jta.setText(newString(context)); JFileChooserfilechoose=newJFileChooser();intresult=filechoose.showSaveDialog(null);if(result==JFileChooser.APPROVE_OPTION)}
{try{
Filefile=filechoose.getSelectedFile();FileWriterfw=newFileWriter(file);fw.write(jta.getText());fw.close();
}catch(Exceptione){System.out.println("保存文件失敗!");}}elsereturn;
}catch(Exceptione){System.out.println("打開文件失敗!");}}elsereturn;
六、程序設計及實現
1、實現彈出菜單(JpopupMenu)2、設置字型,字體大小,字體顏色3、實現自動換行
七、實訓總結
通過3天的實訓,雖然實訓的時間不長,但是總體上收獲是很大的,我們的java課程學到的只是對java略知一二,[javaweb實習報告]一開始我還沒有信心完成。我仔細看了書上的代碼之后。對計事本有了一個大體的了解,在初訓的實候知道自己應該做一個什么樣的計事本了,在實訓的過程中也遇到了不少困難,通過查API文檔和看書,解決了問題,在寫到字符的查找的替換時后,用到了上課時學到的知識,對字體的風格的保存里面的顏色分離和還原方法,是通過查API文檔獲得的,現在我所寫的計事本只實現在一些基本功能。簡單的復制粘貼,字體風格的設置,還有就是查找和替換功能以及一些字體風格的保存.對文件的操作基本都用到了。
在實現記事本的功能過程中,也不是很順利,基本的文件讀寫和保存文檔的復制、粘貼、刪除等功能還比較容易實現,但如何改變字體、字體顏色和背景顏色,就比較麻煩了,要實現字體顏色和背景顏色,首先要調用系統的調色板,再進行設置。但如何調用系統調色板?我是通過查閱幫助文檔來找到其調用方法的。像自動換行、設置字體等都是通過方法來調用,給相關事件加上監聽,在進行響應事件。整個程序中方法才是最關鍵的,也是最困難的.。所以像查找、替換、轉到幾個功能我都不知道用什么方法,也由于時間有限,沒有完成其功能。總體的感覺是對java有了一個全新的認識,現在感覺用java做小的圖形用戶程序有些缺陷,但是在其的應用方面。尤其是有網絡方面的應用,在整個實訓我也嘗試過做一個小的畫圖軟件。但是由于時間關系還有一個是自身的知識的欠缺,最終這個事情被擱淺下來了。最后還是進行計事本的編寫。由于在做畫圖軟件時花了不了時間,所以現在的計事本的功能不是很全,如果有更多的時間,我會把這個記事體再完善一下,再把畫圖軟件也做出來。實訓的時間不長,但是我會在課外把它們的功能完善。然后再學習一下java和網絡的編程,體驗java的前沿技術。
在學習的過程中也體會到,遇到問題也要請教。不然的話自己一個人去做的話會花很多的時間,我在做這個記事本的時間,其中也問到過許多問題,通過同學的幫助下解決了,提高了程序的開發進程。其他的同學有問題的話我也是給他們盡量解決。我認為學習知識的過程當中就應該是相互學習相互進步的。
Java是面在的主流技術我會努力將它學好,現在我缺乏的是堅持不懈的精神,我會向他學習。
雖然學習java的路還很找,但我會繼續走下去。
web實訓報告2
一、實訓項目
簡易記事本
二、實訓目的和要求
本次實訓是對前面學過的所有面向對象的編程思想以及JAVAWEB編程方法的一個總結、回顧和實踐,因此,開始設計前學生一定要先回顧以前所學的內容,明確本次作業設計所要用到的.技術點并到網上搜索以及查閱相關的書籍來搜集資料。
通過編寫采用JSP+Servlet+JavaBean技術框架的應用系統綜合實例,以掌握JavaWEB開發技術。
具體要求有以下幾點:
1。問題的描述與程序將要實現的具體功能。
2。程序功能實現的具體設計思路或框架,并檢查流程設計。
3。代碼實現。
4。設計小結。
三、實訓項目的開發環境和所使用的技術
基于J2SE基礎,利用MyEclipse8。5以上版本的集成開發環境完成實訓項目,界面友好,代碼的可維護性好,有必要的注釋和相應的文檔。
四、實訓地點、日程、分組情況:
實訓地點:4棟303機房日程:
第一階段:1、班級分組,選定課題,查閱相關資料半天2、劃分模塊、小組成員分工半天3、利用CASE工具進行系統設計和分析,并編制源程序5天
第二階段:上機調試,修改、調試、完善系統2天
第三階段:撰寫、上交課程設計報告,上交課程設計作品源程序(每人1份)2天。
web實訓報告3
經過這幾個月的實習努力,我做的幾個網站已經掛到了網上,很欣慰,有進步,繼續加油。
我的第一份工作是在深圳E醫院工作,我歸屬于網絡部網頁設計開發兼優化推廣等,在深圳E醫院網絡部,我主要是負責的是:網頁設計(如網站的改良工、設計新的專題網站等),兼顧優化與推廣。
磨煉了二個多月,逐漸的接觸網站的設計與改良,全部的網站都重新排版與設計,同時,得采用優化角度考慮布局和運用CSS+DIV來構建心里苦澀,CSS+DIV,我還沒學到家吖,看來還得努力學習,就這樣,白天專心做好工作事項,晚上專心惡補CSS+DIV、優化知識等。終于自己設計的網站成功上線,很欣慰,無愧于此。
原本想讓自己休息一陣子,可是無聊和休閑不太適合我,于是到第三天,開始網站投簡歷,意料不到,隔天就收到深圳市z科技有限公司的面試通知,后面試完不久,又接到該公司成功錄取(很開心也很興奮,嘻嘻,因為我不用做無業游民了)。
3月14日,我又重新展開我的職業生涯,勇敢向前沖。在剛到新公司報到,一切都得從零開始,同時,要學習知識方面也逐漸地擴大。蔣副總和主管給我兩周左右的時間適當環境與熟悉一下近輔助軟件等,終于在第三周起,我逐漸地開始接觸公司布置的任務,剛開始,著手設計并規劃公司的門戶,因為目前公司成立將近四年多,還沒有一個能真正給大眾能一目清晰的公司性質與發展方向等。
其實,自己在負責設計與制作公司門戶,其中碰到不少問題,因為如今采用布局框架,唯獨CSS+DIV,因此,過程中碰到的問題不單單只是CSS規范寫法,同時得考慮寫法是否引起兼容性的錯亂等等。
當初成品網站提給老總和副總等人瀏覽時,其中錯誤不斷,而且也出現編寫腳本錯誤等等,讓我無比的無奈,因為我在編寫與設計過程,基本會考慮到IE、FF等常見的BUG問題,沒想到在本機測試時,基本都正常,但在給不同用戶體驗時,時常會出現腳本錯誤提醒和一些屬性中在不同瀏覽出現的BUG……
經過不斷地測試與修改,終于,完成了該站,結束為期半個多月的任務,同時,公司門戶也如期更新與使用。事后主管也跟我說,經過這次CASE中,自己要多想想并做好總結,那些是自己日后該避免,那些是自己目前得加強與鞏固等等,讓自己的設計與制作水平提高一定層次,切記驕傲滯前!
在獨自完成這個CASE中,我也發現自己需要惡補的東西,很多很多,例如,如何能做到盡快克服各瀏覽器中的BUG,怎樣使得布局按照優化角度來設計,怎樣讓用戶者體驗舒服,怎樣讓呆板的.網頁賦有生機,讓大眾感覺盡管內容雖少卻不失想瀏覽之心或內容過充實卻不會造成冗余等等,而其中就借助JavaS-cript、aJax、Jquery等腳本的編寫……這些知識是我目前為缺乏的,也是需要惡補的知識,所以,一旦有時間,我得努力地學習與逐漸地應用實際操作上,讓自己做到懂得一舉反三等等,而不是過于呆板引用等。
總之,經過這半年工作實踐與體驗,雖在不同公司性質中實習,但確實讓自己成長了不少,也明白不管在學校還是在社會上,如果要讓別人肯定你,聘用你等,關鍵在于自己是否有一門技術吸引著別人或讓別人想收為己用的心態等,同時,主管也跟我說起:自己要懂得,如果想要在IT行業長時間發展,不單單只需要良好的WEB前端技術,同時也需要一門動態語言來補充著自己,讓自己不過于依賴別人,嘗試讓別人依賴自己,這樣,處于IT網頁制作行業中,就不輕易讓人淘汰等。
在調整好心態,努力工作下,目前在該公司獨自做好幾個CASE,現在又接手做子公司站,希望自己能越做越好,加油,為美好的明天,勇敢向前沖!
web實訓報告4
一.網站的需求分析
對于個人網站而言,一個好的網頁會給人留下深刻的印象,那樣才會提高網站的知名度才會增加點擊率。如果通過網站管理系統工作,就可以拓開以前傳統的宣傳思路,用戶可以通過上網就能達到找到所需要材料的目的,并且可以給管理員留言以反饋意見。
二.系統實現所需要的軟件
網頁編輯排版Dreamweaver CS3、網頁圖像制作軟件Photo CS2、網頁動畫制件軟件Flash、ACCESS數據庫、動態網頁編程語言ASP
三、網站設計的思路
網站拓撲圖構畫
從開始想創建網站到最后的個人網站的上傳發布是需要包含一個完整的工作流程。網站包括哪些欄目,采用什么樣的制作結構,這些都是我們在制作網站前首先要確定的,
下面是我個人網站的結構圖:
四、系統功能模塊的實現過程
個人網站實現了留言、文章、相冊、日志、注冊、鏈接、調查、后臺管理等諸多功能于一體的網站。本人經過需求分析、和可行性的管理方式進行了前臺設計與后臺管理。通過數據庫的創建與連接實現了人機交互功能。
1個人首頁功能模塊功能的實現過程
個人首頁主要放置主人的最新動態,導航條菜單包括首頁、個人簡歷、個人相冊、文字拾掇、我的聊吧、給我留言、友情鏈接。給我留言,必須通過先登陸或先注冊才能進行留言。底部插入個人網站的版權信息,同時也加入了聯系我們、后臺管理、首頁收藏、設為首頁、版權聲明。
(1).個人首頁導航功能實現介紹
個人首頁導航有七個鏈接分別是:我的首頁、個人簡歷、個人相冊、文字拾掇、 我的聊吧、給我留言、友情鏈接。它們都采用“行為”中“交換圖像”。如圖3-1所示。
(2).個人首頁公告欄功能實現過程
公告欄的功能主要是對于瀏覽者現設計的。當瀏覽者進入首頁時就可以看到分告欄中的信息。主要用于提示和建議如何進行合法訪問和主人的一些個人小要求。如圖3-2所示。
本站最新公告欄中的信息當鼠標經過時就停止,當鼠標移開時又開始流動。其功能的實現主要是通過以下代碼:
scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
(3).留言板功能實現過程
設計一個留言板作為和瀏覽者交流的紐帶,這樣可隨時掌握瀏覽者的相關信息和最新動態。瀏覽者通過留言后提交到后臺數據庫中,然后管理用戶可以通過后臺進行對其留言的回復。留言薄的設計如圖3-4所示這樣就可以產生一個動態的留言薄交互平臺。
(4).注冊功能模塊實現過程
注冊頁面主要是對于沒有用戶名和帳號的瀏覽者要進行留言時所設計的頁面。當瀏覽者注冊后的信息將自動提交到后臺數據庫中,以便下次要進行留言。注冊頁面的設計
2個人簡介功能模塊的實現過程
本模塊是個人簡介部分,每個個人網站都會有作者介紹。在個人簡介中主要實現了兩個功能模
塊分別是:個人簡歷列信息顯示和個人作品的展現。在這頁面主要的是靜態的頁面。只在個人簡歷頁面采用了熱點鏈接來進行到個人作品的跳轉。在這個模塊訪客會了解到作者的一些基本信息,界面內容如圖3-6所示。
完成上述頁面后,單擊我的“作品展示”這時鏈接到我的個人作品頁面。這個頁面基本上是靜態的.。主要放置了我的Photoshop作品和Flash作品等。在這個有限和空間里放置我的作品是不夠的。所以采用了用層和行為來進和作品的交換顯示。界面的內容如圖3-7所示。
3個人相冊功能模塊的實現過程
本模塊是展示個人的相冊,主要是借鑒影集的制作來完成個人相冊的功能的實現。個人相冊進行好歸類后分成多個方面的相冊所以首先進入是個人相冊的目錄。個人相冊主中,瀏覽者可以看到我“求學生涯”、“友情合影”、“大學生活”、“歡樂之行”、“擁抱記憶”、“溫馨之家”,的相關照片。在進行相冊查看時瀏覽者通過單擊滾動中的小圖片然后在層中顯示在圖片,如下圖3-8所示。
web實訓報告5
所謂行萬里路,必先始于足下。剛開始學習WEB前端基礎的時候,老師說,其實你們學的這個后面真正去工作的時候可能也不是很會用到,所以就有很多人會問,既然我們都用不到,那干嘛還學呀?其實,對于一個程序員來說,你不僅要有很好的后端專業能力,你還應當具備一定的前端素養,知道一些起碼的前端知識。
來到XX的第一個月,我們是以基礎為主吧,因為大家到這里的基礎都不一樣,有一些本身就具備很高水準的人,也有很多像自己一樣從小白開始的人,所以,對我們而言,XX開設的這種雙元模式對我們是有很大用處的。我們從最基礎的開始學習,在學習HTML的時候,我們還延續著很古老和古老的表格制作網站,然后到后面的CSS學習,用CSS樣式去進一步完善我們制作的網址,再到著一期的難點JS課程體系,一級最后的JQ和BOOtstrap,可以說這個過程其實也是一個循序肩頸的過程,有簡到難的過程。
第一部分:HTML的學習
其實HTML的四天學習的話,重要的就是一個標記的學習,這大概是學習一門語言最基礎的一部分吧。但是也不是說背一背就解決問題的,選擇IT,程序員這一方面,只要多練習,多敲代碼感覺就好了,所以熟練的使用這些標記其實不是很大的問題,對自己來說,比較難的是一個表格和框架,也許會有人說,表格有什么難的,就行列的問題啊,但是不知道為什么,在學習的那幾天對于表格的學習和接受能力都沒有別的那么好,表格的整體框架能搭出來,但是就是對于表格的美化總做不到自己心里所預期的那樣。其實練習的話也是挺多的,對于表格的網頁練習做了應該也有一二十個的,但是就是沒那么理想,所以這方面的話也是需要自己多加練習和修正的,因為表格的用處還是挺大的。HTML的學習方面還有框架和表單,框架的話,就是一個網頁的主體了,網頁的大致形式基本上從你的框架結構就可以知道的,學習框架,重要的就是網頁的布局如何劃分,然后利用框架的嵌套,浮動就可以解決的,學習過程也不會是很大的難度。
想想HTML還學了些什么呢?表單!表單對前端開發來說還是挺高的,因為我們能在一個網頁中看到很多的表單應用。包括用戶的注冊啦,密碼驗證啦,還有搜索欄之類的,幾乎全是表單的'應用。表單學習比較重要的地方應該就是那十來個表單控件的應用,這些表單控件進一步區分的話還有就是單邊標記和雙邊標的的表單控件,因為很多單邊標記的表單,他的值一般只能是存在value當中,如果不注意的話,很多時候我們會忘記寫上這個value。這個階段的表單感覺并不是那么難,當然,學到后面的JS之后,相對于表單驗證之類的才感覺難了很多。
第二部分:CSS學習
對我來說,CSS課程雖然只有三天,但是卻是更應該學好的一個模塊。因為我們都知道,其實一個網站的WEB前端,就是用
加CSS來寫的,不是用之前的表格來寫的,足以見得CSS的重要性。CSS就是網頁樣式,一個網頁的整體美感,在你確定了框架之后,就看你的CSS樣式的添加了,所以一直以來都很想把CSS學好。記得CSS學習的那幾天,自己的消化還是很好的,自己去獨立完成練習的時候也是沒有太大難度的,但是不知道是為什么,到后面學習JSJQ的時候,操作CSS時居然會吧CSS和HTML弄的有點混淆,這一點一直沒做好。CSS的學習還有一個地方就是浮動,因為存在塊元素和行輩元素,塊元素因為其本身特性,一個塊元素標記他要占用一整行的空間,而一個行內元素他只能占用行內的一些空間,但是在實際操作中,很多時候我們卻要想將多個塊元素排在同一行,或者將多個行內元素排在不同行,這時候就可以使用浮動的方法來實現,浮動最主要做的就是這個,唯一要記住的一點就是做了浮動之后,如果他的父元素是沒有進行匡高的設定的話,是不是要進行清除浮動,防止下面的操作也是有浮動的。
第三部分:重點學習JS
JS是相對于這整個月學習的重點吧,也是很多人沒辦法很好接觸的地方,當然,自己在這里的學習也是有不足的地方。像一些對屬性的操作的標記之類,懂得怎么用,但是不是很熟悉,所以經常在操作的時候要去查手冊。學的最不好的一個地方應該是將數組中的元素按照一定的規則或者順序添加到指定或對應的表格中,這中題型是自己做的比較少的,也是掌握很不好的地方,所以也希望用放假的這幾天好好練習一下,不能拖到下一個階段去。個人對JS的理解其實就是大量算法的集合,因為很多時候你都會用到函數,只是多了一些找元素和對元素綁定標記的過程,最重要的還是構造函數,調用函數的過程!
第四部分:JQ及Bootstrap
對于JQ和Bootstrap的學習來說,其實就是一個應用的過程吧,所有的函數都幫你寫好了,你只需要學會調用就好了的。當然。調用他,其實對于JQ來說,學習的過程沒有具備很大的難度,只是嘗試著去多寫寫,寫兩三次基本就記住怎么用了。最后還有一天的Bootstrap學習,寫過一些案例,只要會改,基本沒有太大的難度。
后續:其實對于WEB前端的學習的話重要的就是多用,很多東西我們上課聽得時候其實都基本聽得懂,但是更重要的是在于你課后的練習,離開了老師的一個思維引導,我們該怎樣去完成項目才是我們該學會的。這一個月的學習難度系數都不是很高。但卻是一個比較繁雜的過程,因為作為前端來說,我們需要不斷的優化,不斷的修正,美化整個頁面。不管是前端還是后端,都希望自己能好好學!
【web實訓報告】相關文章:
實訓的報告02-21
汽車技能實訓車間實訓報告01-07
鉗工的實訓報告03-14
工程實訓報告03-03
車間實訓報告03-07
vbse實訓報告03-01
管理實訓報告03-09
機械實訓報告03-14
實訓物流報告05-18