主頁 > 前端設計 > 第一次開發web的感想

第一次開發web的感想

2020-10-02 03:27:50 前端設計

第一次真正的開發網站,就前兩周開始,我大二期間學習了Java,在那時,我就開始考慮以后到底要從事哪方面的職業,我的專業是物聯網,說實話,我真的對這方面沒興趣,我為什么對專業沒興趣,我也曾考慮過,大概可以分為幾點吧,1,在大期間,我們班上48個人,有40個都是職高來的,他們曾經學過c語言,我們的c語言老師可能知道我們班的基礎還算好的,第一次進班就問我們以前學過c語言沒有,我們班有這么多人學過,我們老師自然就講的很快了,一節課十多頁,以至于我們普高的沒有人能夠聽得懂,我們普高的從小遍是語文,數學,英語,剛剛接觸C語言,還處于非常茫然的地步,而我更是一個特例,我從小遍很少接觸電腦,我的水平達到什么程度呢,可以說除開玩游戲之外什么都不懂,我們在上C語言上機課的時候,同學們都是盲打,手不停,而是卻是只用一只手的一跟手指頭,那時的情況,現在想想都非常尷尬,就是這樣的原因,使得我大一上學期什么都沒干,上課跟不上,下課只知道玩,到大一寒假期間,我發現這樣下去肯定是不行的,于是便開始了自學之路,一個i++,++i我都搞了許多時間,可想而知,我的自學之路有多么艱辛,不說怎么多了,到大二期間,我發現大一好多看似沒有用的課,其實都是打基礎的,如電工電子,這些都還憑著高中物理電學部分的基礎還勉勉強強混的過去,但我開始討厭硬體了,大二下學期,單片機開課了,也是我確立以后作業的方向,在大一期間,我便問過許多人,以后C語言重不重要,同學告訴,很重要,C語言是所有語言的基礎,這也是我以后有自學想法的一個方面和我堅持下去的一個動力,可是,當我接觸單片機后我發現我的C語言知識很淺顯,我也對硬體方面沒有想法,并且我還不是很喜歡我們老師,我們老師每次上課就是講故事,一到實驗課就讓我們自己搞,幾個星期下來,我感覺我們班級都對這門課沒有什么興趣,唯有幾個特別喜歡的同學非常喜歡,當然,說了這么多的不是,總的還是我自己對學習沒有興趣,我就自己在反思,我平時都這么努力,憑什么就是學不進去單片機,那我以后怎么辦,難道每年15000的學費便打了水漂嗎,是不是該換一個發展方向,這個想法一出來,我便正式的邁入了我的web之路。大二期間,我便對Java有了濃厚的興趣,我是不是可以往這方面發展呢?于是我又重新復習了一次上學期學過的Java,然后把我們老師上學期沒講的Java常用類,檔案,泛型,資料,集合類等等再自學了一遍,等到熟悉了,然后學習jsp,servlet,然后到這里我又出現了許多新問題,我們專業不教這些東西,全憑自學,我不知道自己的水準如何,有沒有這方面的老師帶我做專案,我一邊看Java基礎,一遍看web,又一遍學html,css,js,jq我的腦子被這些東西搞得快要炸了,學jsp+servlet時,我在想天天看這些,是不是到學框架的時候了,但我在網上看到過,不要先學框架,先把servlet學好,以后學框架很快,一方面又說把Java基礎學好,我天天圍著這些東西轉,,那一段時間,都是渾渾噩噩的,但是也學到了許多東西,終于到大三了,我開始學習框架了,之前也稍微學了一點ssm,ssh,但不是很熟悉,我在網上看,現在都是學習springboot,于是我只是把前面框架的基礎東西學了,便轉手學習springboot了,正在這時,我遇見了一個很好的老師,他叫彭春富,是我們的軟體工程老師,在有一次下課我問了一個問題,是Maven方面的,,老師當時給我解釋了,他以前也碰到過這個問題,然后他留了我的qq號,說之后會把詳細解決的方法給我,我的問題解決了,我跟老師說以后有什么web方面的專案可以帶帶我,我們老師說沒得問題,我當時以為他只是應付的說一下,沒想到的是,過了幾天之后,他給我發了他以前帶學生做過的專案的需求檔案和介面檔案,并給我打了電話,詳細的說了要注意的事,并強調了要用企業思維開發,就是前后端分離,資料傳輸用json,前端一定要用h5,就這樣我的第一次開發便開始了。因為第一次做開發,實話說,我還處于一個很茫然的狀態,不知道采用什么技術進行,那段時間我正好在學習springboot,感徑訓是蠻簡單的,正好看看我的新技術學到什么程度,于是我便確立了后端采用spring,前段采用h5,css,js,資料庫使用我常用的mysql,因為是一個人開發的緣故,我也沒有同學可以詢問(我們專業不學這些),也沒有老師手把手的指導(一周一節軟體工程),開發之前我便想到會遇到很多困難,但是我沒想到困難來的如此之快,我們開發的專案叫建設工程監管資訊系統,分為四個管理模塊,分別是用戶管理,企業管理,工程管理,投標管理。我首先便將資料庫建好,第二天,正好是軟體工程課,老師問了我昨天把檔案看好了沒,我說差不多了,我還把資料庫建好了,老師跟我說,先不要碼代碼,先把前段做出來,于是當天網上我便開始做前端了,我是使用的HBuilder做的,我做了大概10個頁面,分別是登錄,注冊,四個管理界面,和一些跳轉界面,做的還是蠻快的,大概一天的時間(我們上午下午都有課,利用的早上起床,中午午休,下午吃飯,已經晚上回寢室的時間),因為前段不是很熟的緣故,修修補補,做出來還大概像個樣子,第二天,我將我的前端放在了eclipse新建的一個Maven專案中(本來打算是用IDEA的,但是我平常使用的開發工具是eclipse ,我又是第一次開發的緣故,我便選擇了熟練一點的eclipse,以后debug更容易找出錯誤位置),把前端放完后,我開始構建我的專案的框架,我構建了啟動類包,映射類包,物體類包,控制器包,到這里我碰到了一個小問題我不知道html和css,js及圖片放在那個路徑下,經過一個中午的時間我終于確定好了(為什么用了這么久,因為網上的答案有很多),我在mian//resource下建立了一個static和templeates。css,js(里面其實沒有內容,我的js都寫到了我的html中,因為內容很少的緣故)和圖片資源都放在了static中,html放在了templeates中,專案框架大概建立完成了,然后我就開始測驗界面之間的跳轉,到這里,又碰到一個問題,發現html頁面之間不能正常跳轉(原先開發前端的時候,這里是完全可以實作的),問題定位到了超鏈接不能使用(不記得是沒有回應還是跳轉到錯誤頁面了),經過一個長時間(大概一兩天吧)的在網上詢問(csdn,百度),終于知道了使用了thymeleaf時,前端之間使用超鏈接進行跳轉需要先發送請求到后端,然后再由前端發到后端,這一下子給我增加了很大的作業量。建立一段時間(忘記多久了,可能是一天)的界面跳轉以及目錄結構,大致框架算是完成了,我開始寫注冊和登錄界面,大二的時候自學jsp.servlet是曾寫過登錄界面,本以為這是一個簡單的例子,卻也著實寫了不短的時間,首先便是持久層的選擇,本來采用的是mybatis的xml方式,但感覺有一點繁瑣,看到網上說現在基本上是小專案采用注解方式,大專案采用xml,本著簡化程式及減小開發難度的原則,我采用了注解的方式,這個確定好了之后,開始寫注冊頁面中賬號和密碼等資訊的格式判斷,到這里又碰到了問題(第一次開發總數磕磕碰碰的),我的js取不到賬號和密碼的值,按理說根本就不能算一個問題,因為非常簡單,以前學js的時候在這個地方就沒錯過,但是在這個地方也搞了好久,在網上搜索了好多種取值的方法,但總是不能成功,一種一種的試,問題慢慢的解決了,然后是正則運算式的書寫也出了一個問題,我的正則式的功力不足(也是一邊學一邊寫)。。。登錄,注冊頁面基本上就沒有什么問題了。然后就是該系統的主體部分,首先是用戶管理,用戶管理分為用戶添加,用戶修改,用戶洗掉和用戶查詢,我開始寫的是添加和洗掉,到這里一切都能正常進行,到用戶查詢的時候,碰到了整個專案最煩的時候,差點都失去走下去的信心,剛開始采用的是普通查詢,這個沒問題,但是我將普通查詢改為分頁的時候,總是沒效果,這個還好,搞了一天總算是成功分頁了,后來進行除錯的時候,從主管理界面跳轉到用戶管理的時候,不管怎么搞,都出現spring的el運算式錯誤,但是我在用戶管理界面卻能夠成功分頁,到這里我有點,明明在用戶管理界面就能成功分頁,但是跳到用戶管理,就會報錯,為了找清楚原因,我將用戶管理界面分開(增刪改查,分為單獨的頁面),一步一步除錯,終于讓我搞清楚了,原來我的總管理界面是通過超鏈接的方式進去我的用戶管理,但是這樣其實是經過我的另一個控制器,這個控制器,沒有設定springel運算式的引數,所以會出現決議錯誤,我這里說的簡單,但是其實花了我較長的時間(大約三天吧),因為不知道錯誤的原因,所以不知道用什么方法解決,只知道使用笨辦法。用戶管理寫玩完后,進入下一個管理模塊,加:工程管理,除開增刪改查外,還增加了一個匯出(將工程管理的資料庫以Excel的形式匯出),以前從來沒有碰到這個問題,所以對該類問題無法下手,所以在網上搜了一下,發現只要在Maven下匯入poi就可以了,代碼用的其他人的,我代碼細看了幾遍,大概就是建表,取名,,,等等,以后碰到了肯定不會出錯,其他的企業管理和投標管理倒是沒有出現太大的問題。專案到這里基本上就算結束了,大概用了兩周的時間,但是我還有一些不足,因為我沒有按照企業的標準,前后端分離的方式發送資料,所以,接下來我便是,在這個專案的基礎上,將其優化,把分開來的界面合到一起去,并且將界面進行優化,和以前后端分離的方式來改造專案。下面來說說感想吧,首先,在這里我想再一次感謝我們的軟體工程老師,沒有他,我就沒有這次實訓的機會,其次,做完這個小專案,雖然是一個小專案,但是我卻學到許多的知識,1,整合了我所學的技術,真正的靠自己寫出來了第一個專案2,對專案開發的整體流程有了一個大概的了解,3,學到了許多新知識,4,學到了遇到問題的解決思路及方案。希望以后有更多的專案能夠開發。

uj5u.com熱心網友回復:

嘖嘖嘖,眼睛疼,分段!分段!。還有加油

uj5u.com熱心網友回復:

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/147099.html

標籤:非技術區

上一篇:HTML的input框js的相關問題

下一篇:如何用pycharm運行js

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more