一種生成Web前端交互頁面的方法
【專利摘要】本發(fā)明公開了一種生成Web前端交互頁面的方法，屬于web服務(wù)器領(lǐng)域，包括：1）、采用前端技術(shù)選擇頁面框架，采用圖像編輯器編輯需要的圖片；2）、采用CSS3、HTML5技術(shù)為頁面框架和交互組件設(shè)計(jì)模塊內(nèi)容，將設(shè)計(jì)好的圖片插入頁面中；3）、采用Jquery、Javascript語言獲取用戶所需的界面源代碼和文件；4）、將模塊所需內(nèi)容上傳服務(wù)器；5）、將頁面框架、交互組件源代碼和當(dāng)前皮膚文件上傳，生成不同用戶喜歡的不同風(fēng)格的Web前端頁面。本發(fā)明采用比較簡單的技術(shù)手段得到用戶所需要的內(nèi)容，提高用戶與界面的交互性，增加易用、便捷性。
【專利說明】
一種生成Web前端交互頁面的方法
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及web服務(wù)器領(lǐng)域，具體地說是一種生成Web前端交互頁面的方法。
【背景技術(shù)】
[0002]用戶與用戶所看到的界面之間的交互關(guān)系，在這個(gè)過程中，一直不怎么被重視的一塊內(nèi)容，而他是用戶最先看到的而且是能吸引用戶的地方，拉近用戶與電腦的距離，為賣方創(chuàng)造更大的利益。Web前端交互頁面不同于普通軟件的應(yīng)用，需要相關(guān)各部分文件的組成，才能完成完整的前端交互頁面。如何采用比較簡單的技術(shù)手段得到用戶所需要的內(nèi)容是我們要關(guān)注的問題。

【發(fā)明內(nèi)容】

[0003]本發(fā)明的技術(shù)任務(wù)是提供一種生成Web前端交互頁面的方法，解決Web前端交互頁面的問題，采用比較簡單的技術(shù)手段得到用戶所需要的內(nèi)容，提高用戶與界面的交互性，增加易用、便捷性。
[0004]本發(fā)明解決其技術(shù)問題所采用的技術(shù)方案是:
1、一種生成Web前端交互頁面的方法，包括
1)、采用前端技術(shù)選擇頁面框架，采用圖像編輯器編輯需要的圖片；
2)、采用CSS3、HTML5技術(shù)為頁面框架和交互組件設(shè)計(jì)模塊內(nèi)容，將設(shè)計(jì)好的圖片插入頁面中；
3)、采用Jquery、Javascript語言獲取用戶所需的界面源代碼和文件；
4)、將模塊所需內(nèi)容上傳服務(wù)器；
5)、將頁面框架、交互組件源代碼和當(dāng)前皮膚文件上傳，生成不同用戶喜歡的不同風(fēng)格的Web前端頁面。
[0005]所述界面的瀏覽器為谷歌瀏覽器或火狐瀏覽器或IEedge瀏覽器版本。
[0006]所述圖片編輯軟件為PHOTOSHOP與畫圖軟件。
[0007]所述頁面框架所需語言!^1^、0333、九11紅7;服務(wù)器端采用?即語言。
[0008]本發(fā)明的一種生成Web前端交互頁面的方法與現(xiàn)有技術(shù)相比，具有以下有益效果:采用選擇頁面框架利用編輯圖片制作，設(shè)計(jì)好的圖供用戶選擇，通過用戶習(xí)慣積累展示用戶最喜歡的圖片，供用戶選擇；
生成不同用戶喜歡的不同風(fēng)格的Web前端頁面，生成的新頁面供用戶選擇使用，提高用戶與界面的交互性，增加易用、便捷性，多種圖的設(shè)計(jì)增加友好性。
【附圖說明】
[0009]圖1是本發(fā)明生成Web前端交互頁面的方法流程圖。
【具體實(shí)施方式】
[0010]下面結(jié)合附圖對(duì)本發(fā)明作進(jìn)一步說明。
[0011]1、一種生成Web前端交互頁面的方法，包括
1)、采用前端技術(shù)選擇頁面框架，采用圖像編輯器編輯需要的圖片；
2)、采用CSS3、HTML5技術(shù)為頁面框架和交互組件設(shè)計(jì)模塊內(nèi)容，將設(shè)計(jì)好的圖片插入頁面中；
3)、采用Jquery、Javascript語言獲取用戶所需的界面源代碼和文件；
4)、將模塊所需內(nèi)容上傳服務(wù)器；
5)、將頁面框架、交互組件源代碼和當(dāng)前皮膚文件上傳，生成不同用戶喜歡的不同風(fēng)格的Web前端頁面。
[0012]還需要將所需頁面中的文字按照要求的格式放入頁面框架中。
[0013]所需產(chǎn)品用戶界面的瀏覽器為谷歌瀏覽器或火狐瀏覽器或IEedge瀏覽器版本。
[0014]所述圖片編輯軟件為PHOTOSHOP與畫圖軟件。
[0015]所述頁面框架所需語言!^1^、0333、九11紅7;服務(wù)器端采用?即語言。
[0016]設(shè)計(jì)好的圖供用戶選擇，通過用戶習(xí)慣積累展示用戶最喜歡的圖片，供用戶選擇。本發(fā)明的有益效果為:提高用戶與界面的交互性，增加易用、便捷性。多種圖的設(shè)計(jì)增加友好性。
【主權(quán)項(xiàng)】
1.一種生成Web前端交互頁面的方法，其特征在于，包括 1)、采用前端技術(shù)選擇頁面框架，采用圖像編輯器編輯需要的圖片； 2)、采用CSS3、HTML5技術(shù)為頁面框架和交互組件設(shè)計(jì)模塊內(nèi)容，將設(shè)計(jì)好的圖片插入頁面中； 3)、采用Jquery、Javascript語言獲取用戶所需的界面源代碼和文件； 4 )、將模塊所需內(nèi)容上傳服務(wù)器； 5)、將頁面框架、交互組件源代碼和當(dāng)前皮膚文件上傳，生成不同用戶喜歡的不同風(fēng)格的Web前端頁面。2.根據(jù)權(quán)利要求1所述的一種生成Web前端交互頁面的方法，其特征在于所述界面的瀏覽器為谷歌瀏覽器或火狐瀏覽器或IEedge瀏覽器版本。3.根據(jù)權(quán)利要求1所述的一種生成Web前端交互頁面的方法，其特征在于所述圖片編輯軟件為PHOTOSHOP與畫圖軟件。4.根據(jù)權(quán)利要求1所述的一種生成Web前端交互頁面的方法，其特征在于所述頁面框架所需語言1^1^333、允11郎7;服務(wù)器端采用?冊(cè)語言。
【文檔編號(hào)】G06F9/44GK105824640SQ201610155391
【公開日】2016年8月3日
【申請(qǐng)日】2016年3月18日
【發(fā)明人】劉魯振, 姚民偉, 徐宏偉
【申請(qǐng)人】浪潮軟件集團(tuán)有限公司