軟件與信息服務專業項目視頻
時間:2023-05-20 15:03
作者：?郴州科龍職業技術學校
網易云音樂移動端
一、項目背景和目的
“音樂”是一種為我們枯燥乏味的生活帶去樂趣的東西也是一種為我們除去煩惱 的東西。 處于現代社會的人們每天都身處于一個充滿硝煙的“戰爭”中，每天都要為了生 存而不斷努力。 因為每天日復一日的工作著導致生心日漸憔悴，這時候，你可以拿起耳機聽聽那 些優美，婉轉的歌曲，放松放松，這時候年會感到整個人都快活多了，之前的煩 惱早已煙消云散了。 當你心情低落，煩躁不堪的時候，你可以適當的聽聽那些激情四射的快歌，跟著 它唱唱將心中的一切不快都盡情地唱出來，這樣你會感覺到整個人都輕松多了。
二、項目開發環境及相關技術
1、開發環境Vue.js
2、開發工具HBuilder、Adobe PhotoshopCS6、idea
3、開發相關技術 JavaScript、css、vue、nodejs、Vant、Bootstrap前端框架
4、mysql數據庫等
三、項目設計
網站頁面設計：
（1）設計圖：利用 PS 創建與桌面寬度一樣的圖層，則寬度為 1920 像素， 高度則隨著內容的多少隨之變化，將頁面分為三大模塊，即上中下三部分，利用 PS 為每個模塊的高寬及內容進行大致定義，再進行主要的色彩搭配。
（2）素材：使用互聯網查詢德云社資料，在各大網站（千圖網、花瓣網等） 上進行素材的收集，對圖片的大小進行裁剪，改變圖片的名稱（代碼中引入圖片， 則圖片名不能有中文），根據圖片的內容進行分類。
（3）代碼編寫：使用 sublime text 軟件進行代碼編寫，先寫出大致的框架， 依照從上到下順序依次完成代碼的編寫，CSS 文件則用來調整其樣式、大小和位 置，使用 JS 來完成各部分所需要的功能，整體進行響應式。
（4）子頁面的內容隨著子頁面的標題而發生變動，大致風格不變，頂部與底部都 跟隨首頁，內容一致。子頁面的完成也與首頁一樣，先進行子頁面的設計圖，進 行分塊，色彩搭配；再尋找所需的素材及內容，進行裁剪，最后代碼編寫，寫出 大致的框架，將找的圖片和素材進行填充，進行每個頁面的交互與響應式。
項目實現相關技術：
vue、nodejs、idea、mysql
(責任編輯：郴州市科龍職業技術學校)
上一篇：仿酷狗音樂網站
下一篇：沒有了
