整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          精品基于PHP實(shí)現(xiàn)的美食菜譜網(wǎng)站

          精品基于PHP實(shí)現(xiàn)的美食菜譜網(wǎng)站

          [含文檔+PPT+源碼等]精品基于PHP實(shí)現(xiàn)的美食菜譜網(wǎng)站》該項(xiàng)目含有源碼、文檔、PPT、配套開發(fā)軟件、軟件安裝教程、項(xiàng)目發(fā)布教程等

          軟件開發(fā)環(huán)境及開發(fā)工具:

          操作系統(tǒng):Windows 10、Windows 7、Windows 8

          開發(fā)語言:php

          前端技術(shù):JavaScript、VUE.js(2.X)、css3

          開發(fā)工具:phpstorm、Visual Studio Code/HbuildX

          數(shù)據(jù)庫:MySQL 5.7.26(版本號(hào))

          數(shù)據(jù)庫管理工具:phpstudy/Navicat

          PHP版本:php7.1.9nts

          服務(wù)器:Nginx1.15.11

          管理員:首頁,個(gè)人中心,用戶管理,菜譜分類管理,美食菜譜管理,食材分類管理,食材商品管理,系統(tǒng)管理,訂單管理等

          普通用戶:登錄注冊(cè)、首頁,美食菜譜,食材商品,美食資訊,個(gè)人中心,購物車等

          本系統(tǒng)功能完整,適合作為畢業(yè)設(shè)計(jì)、課程設(shè)計(jì)、數(shù)據(jù)庫大作業(yè)。

          下面是資料信息截圖:

          下面是系統(tǒng)運(yùn)行起來后的一些截圖:

          據(jù)獲取

          豆果美食網(wǎng)的數(shù)據(jù)爬取比較簡單,本次爬取的數(shù)據(jù)范圍為川菜、粵菜、湘菜等八個(gè)中國菜系,包含菜譜名、鏈接、用料、評(píng)分、圖片等字段。

          豆果美食網(wǎng)

          限于篇幅,僅給出核心代碼。

          1# 主函數(shù)
           2def main(x):
           3    url = 'https://www.douguo.com/caipu/{}/0/{}'.format(caipu,x*20)
           4    print(url)
           5    html = get_page(url)
           6    parse_page(html,caipu)
           7
           8if __name__ == '__main__':
           9    caipu_list = ['川菜', '湘菜','粵菜','東北菜','魯菜','浙菜','湖北菜','清真菜'] #中國菜系
          10    start = time.time()  # 計(jì)時(shí)
          11    for caipu in caipu_list:
          12        for i in range(22):
          13            # 爬取多頁
          14            main(x=i)
          15            time.sleep(random.uniform(1, 2))
          16            print(caipu,"第" + str(i+1) + "頁提取完成")
          17    end = time.time()
          18    print('共用時(shí)',round((end - start) / 60, 2), '分鐘')


          數(shù)據(jù)清洗

          短短幾分鐘就爬下了3032個(gè)菜譜信息,為了方便可視化分析,還需要對(duì)爬取的數(shù)據(jù)進(jìn)行簡單清洗。

          本文數(shù)據(jù)清洗主要用到Python的Pandas庫。

          導(dǎo)入數(shù)據(jù)

          用pd.read方法導(dǎo)入爬取到的菜譜數(shù)據(jù),并添加列名。預(yù)覽數(shù)據(jù)如下:



          刪除重復(fù)項(xiàng)

          爬蟲過程中少量菜譜數(shù)據(jù)被重復(fù)抓取,需要用drop_duplicates方法刪除。



          缺失值處理

          通過info方法發(fā)現(xiàn)少量記錄含有缺失值,用dropna方法刪除。



          評(píng)分字段清洗

          爬取的評(píng)分字段含有多余的字符串且為object類型,需要替換多余字符串并轉(zhuǎn)換為數(shù)字類型,方便后續(xù)計(jì)算。



          添加用料數(shù)字段

          為方便菜譜用料分析,需要根據(jù)用料字段計(jì)算出每個(gè)菜譜的用料數(shù)量。由于用料字段都是以逗號(hào)分隔,計(jì)算逗號(hào)數(shù)即可間接得到。



          數(shù)據(jù)可視化

          本文數(shù)據(jù)可視化主要用到pyecharts庫,它能輕松實(shí)現(xiàn)酷炫的圖表效果。

          菜譜評(píng)分分布

          1from pyecharts import options as opts
           2from pyecharts.charts import Page, Pie
           3cut = lambda x : '4分以下' if x < 4 else ('4.1-4.5分' if x <= 4.5 else('4.6-4.9分' if x <= 4.9 else '5分'))
           4df['評(píng)分分布'] = df['評(píng)分'].map(cut)
           5df2 = df.groupby('評(píng)分分布')['評(píng)分'].count()
           6df2 = df2.sort_values(ascending=False)
           7df2 = df2.round(2)
           8print(df2)
           9c = (
          10        Pie()
          11        .add(
          12            "",
          13            [list(z) for z in zip(df2.index.to_list(),df2.to_list())],
          14            radius=["20%", "80%"],# 圓環(huán)的粗細(xì)和大小
          15            rosetype='area' #玫瑰圖
          16        )
          17        .set_global_opts(
          18            title_opts=opts.TitleOpts(title="菜譜評(píng)分分布"
          19                                     ),
          20            legend_opts=opts.LegendOpts(
          21                orient="vertical", pos_top="5%", pos_left="2%" ,textstyle_opts=opts.TextStyleOpts(font_size=14)# 左面比例尺
          22            ),
          23
          24
          25        )
          26        .set_series_opts(label_opts=opts.LabelOpts(formatter="{b}:19h99fx%",font_size=18),
          27                      )
          28    )
          29c.render_notebook()


          菜譜評(píng)分分布玫瑰圖


          豆果美食網(wǎng)菜譜評(píng)分實(shí)行5分制。由上圖可知,4分以下的菜譜占比不到2%,滿分菜譜高達(dá)32.6%,可見用戶對(duì)中國菜系菜譜評(píng)價(jià)普遍較高。

          各菜系菜譜數(shù)量對(duì)比


          1from pyecharts import options as opts
           2from pyecharts.charts import Page, Pie 
           3df2 = df.groupby('菜系')['評(píng)分'].count() #按菜系分組,對(duì)評(píng)分計(jì)數(shù)
           4df2 = df2.sort_values(ascending=False) #降序
           5print(df2)
           6c = (
           7        Pie()
           8        .add("", [list(z) for z in zip(df2.index.to_list(),df2.to_list())])
           9        .set_global_opts(title_opts=opts.TitleOpts(title="各菜系菜譜數(shù)量占比",subtitle="數(shù)據(jù)來源:豆果美食"))
          10        .set_series_opts(label_opts=opts.LabelOpts(formatter="{b}: {c}"))
          11    )
          12c.render_notebook()


          各菜系菜譜數(shù)量占比餅圖


          由上圖可知,川菜和粵菜菜譜數(shù)量較多,顯示出作為中國“八大菜系”成員的地位。湖北菜和清真菜菜譜數(shù)量較少,相對(duì)更為小眾。

          各菜系評(píng)分對(duì)比


          1from pyecharts import options as opts
           2from pyecharts.charts import Page, Pie
           3df2 = df.groupby('菜系')['評(píng)分'].mean()
           4df2 = df2.sort_values(ascending=False)
           5df2 = df2.round(2)
           6print(df2)
           7c = (
           8        Pie()
           9        .add(
          10            "",
          11            [list(z) for z in zip(df2.index.to_list(),df2.to_list())],
          12            radius=["40%", "75%"],   # 圓環(huán)的粗細(xì)和大小
          13        )
          14        .set_global_opts(
          15            title_opts=opts.TitleOpts(title="各菜系平均評(píng)分"),
          16            legend_opts=opts.LegendOpts(
          17                orient="vertical", pos_top="5%", pos_left="2%"  # 左面比例尺
          18            ),
          19        )
          20        .set_series_opts(label_opts=opts.LabelOpts(formatter="{b}:{c}"))
          21    )
          22c.render_notebook()


          各菜系平均評(píng)分環(huán)狀圖


          由上圖可知,各菜系評(píng)分非常接近,用戶平均評(píng)分都在4.6分以上。相對(duì)一致的評(píng)分,導(dǎo)致通過用戶評(píng)分來評(píng)價(jià)菜譜的可信度降低。

          各菜系用料數(shù)量對(duì)比


          from pyecharts.charts import Bar,Pie
          from pyecharts import options as opts
           df1 = df.groupby('菜系')['用料數(shù)'].mean() #按菜系分組,對(duì)評(píng)分計(jì)數(shù)
           df1 = df1.sort_values(ascending=False) #降序
           df1 = df1.round(0)
           print(df1)
           bar = Bar()
           bar.add_xaxis(df1.index.to_list())
           bar.add_yaxis("用料數(shù)量",df1.to_list())
          bar.set_global_opts(title_opts=opts.TitleOpts(title="各菜系用料數(shù)量",subtitle="數(shù)據(jù)來源:豆果美食"))
          bar.render_notebook()

          各菜系用料數(shù)量柱狀圖


          由上圖可知,川菜和東北菜用料較足。川菜素有取材廣泛、調(diào)味多、菜式多樣等特點(diǎn),雖然東北菜沒有排在傳統(tǒng)的“八大菜系”中,但豪邁熱情的東北人從不吝嗇菜肴里的用料。

          粵菜更注重菜品的原味鮮香,具有清、鮮、爽、嫩、滑等特色,因此用料相對(duì)更少。清真飲食風(fēng)俗源于伊斯蘭教,部分食材屬于禁忌物,因此用料也不多。

          川菜用料分析


          # 繪制詞云圖
          text1 = get_cut_words(content_series=df[df['菜系']=='川菜']['用料'])
          stylecloud.gen_stylecloud(text=' '.join(text1), max_words=1000,
                                    collocations=False,
                                    font_path='字酷堂清楷體.ttf',
                                    icon_name='fas fa-thumbs-up',
                                    size=653,
                                    output_name='./川菜.png')
          Image(filename='./川菜.png') 


          川菜用料詞云圖


          由川菜用料詞云圖可知,川菜主要用料包括花椒、豆瓣醬和干辣椒。不怕辣的四川人喜好種植花椒,四川火鍋也因?yàn)橛辛嘶ń返募尤敫形Γf萬的海內(nèi)外尋味者奔涌相隨。

          料實(shí)材真,一般都能出美味。川菜用料最足的菜譜為川味砂鍋之足不出戶的麻辣燙,共用料35種。


          川味砂鍋之足不出戶的麻辣燙


          用料明細(xì):毛肚,黃喉,鮮牛肉片,自制肉,鴨血,金針菇,平菇,豆芽,苕粉,冬筍片,白菜,萵筍葉,鵪鶉蛋(煮熟剝殼),豬骨湯,豬油,牛油,植物油(菜油上佳),姜片,大粒的蒜,郫縣豆瓣,八角,茴香,桂皮,丁香,陳皮,香葉,白胡椒粉,冰糖,生抽,鹽,蔥結(jié),花椒,干辣椒,雞精丸,午餐肉

          粵菜用料分析


          粵菜用料詞云圖


          由粵菜用料詞云圖可知,粵菜主要用料包括胡椒粉、五花肉和白糖。粵菜的圣地在順德,粵菜注重質(zhì)和味,口味相對(duì)清淡,力求清中求鮮、淡中求美。


          粵菜用料最足的菜譜為廣式腸粉,共用料23種。


          廣式腸粉


          用料明細(xì):粉漿用料,粘米粉(米打的粉),澄面(小麥淀粉),土豆淀粉,粟米粉(玉米淀粉),水,醬汁用料,獨(dú)頭蒜,大蒜籽,姜片,香菜(不吃香菜的可用蔥代替),雞湯,鮮味生抽,老抽,蠔油,蜂蜜,魚露(可不放),雞精(個(gè)人喜歡就放,不放也很鮮了),水,腸粉里面放的料,肉末,雞蛋,生菜葉


          湘菜用料詞云圖


          湘菜用料詞云圖


          由湘菜用料詞云圖可知,湘菜主要用料包括辣椒、大蒜、花椒等。辣不怕的湖南人以辣椒為生,尤其以剁椒出名。J哥雖不是湖南人,但在湖南待了幾年后,目前也成了個(gè)胖子。美食雖美,可不要貪多哦~

          湘菜用料最足的菜譜為麻辣鹵鴨三件,共用料20種。



          麻辣鹵鴨三件

          用料明細(xì):鴨爪(清水泡一小時(shí)),鴨翅膀(清水泡一小時(shí)啊),鴨腸(洗干凈后捆成一個(gè)個(gè)小捆),白芷,桂皮,香葉,大料(兩個(gè)焯水用,三個(gè)鹵用),干辣椒(根據(jù)個(gè)人喜辣程度放),小茴香,花椒,麻椒,草果,生姜(一塊焯水去味用,一塊鹵用),蒜瓣(全部去皮),辣椒醬(根據(jù)個(gè)人喜辣放),老抽,生抽,料酒,白糖,鹽

          東北菜用料詞云圖


          東北菜用料詞云圖


          由東北菜用料詞云圖可知,東北菜主要用料包括土豆、面粉、胡蘿卜等。東北菜在做法上也融合了一些宮廷菜點(diǎn)和漢族飲食所長,利用東北特產(chǎn)原料和純綠色食品原料。土豆和胡蘿卜在黑土地的孕育下為東北菜源源不斷輸送著美味配方。

          東北菜用料最足的菜譜為翡翠白菜水餃,共用料20種。


          翡翠白菜水餃

          用料明細(xì):面皮制作,面粉(綠色面團(tuán)所用),面粉(白色面團(tuán)所用),小白菜葉(取汁),清水,餡料制作,豬五花肉,大白菜,胡蘿卜,蔥碎,姜沫,鹽,生抽,老抽,蠔油,芝麻油,糖,雞精,花椒粉,花生油

          湖北菜用料詞云圖


          湖北菜用料詞云圖


          由湖北菜用料詞云圖可知,湖北菜主要用料包括糯米、花椒、面粉等。千湖之省湖北坐落于江漢平原,同時(shí)作為重要的商品糧基地,從來不缺美食原料。

          湖北菜用料最足的菜譜為家常美味——香菇雞肉面,共用料23種。


          家常美味——香菇雞肉面


          用料明細(xì):雞脯肉或雞腿肉,香菇,刀削面或?qū)捗?芹菜,青菜,郫縣紅油豆瓣,蔥,姜,蒜,干辣椒,花椒,八角,老抽,生抽,料酒,淀粉,蛋清,十三香,白胡椒,雞精,鹽,蒜苗,香菜


          浙菜用料詞云圖


          浙菜用料詞云圖


          浙菜主要用料包括白糖、冰糖、胡椒粉等。俗話說“上有天堂,下有蘇杭”,素有魚米之鄉(xiāng)之稱的浙江,賦予了浙菜豐富的原料。浙菜菜式小巧玲瓏,菜品甜而不膩。

          浙菜用料最足的菜譜為經(jīng)典糖醋排骨,共用料17種。


          經(jīng)典糖醋排骨


          用料明細(xì):豬肋排,小蔥段(煮排骨用),姜(煮排骨用),料酒(煮排骨用),冷水,綿白糖,米醋,香醋,老抽,鹽,綿白糖(澆汁用),米醋(澆汁用),香醋(澆汁用),淀粉(澆汁用),溫水(澆汁用),食用油,熟白芝麻


          魯菜用料詞云圖


          魯菜用料詞云圖


          魯菜主要用料包括面粉、胡蘿卜、蠔油等。魯菜講究原料質(zhì)地優(yōu)良,以本地用料為主。作為我國第二大小麥主產(chǎn)區(qū),能夠?yàn)槊娣鄣闹谱魈峁┏渥愕膬?chǔ)備,同時(shí)還盛產(chǎn)胡蘿卜、大白菜等蔬菜,成為魯菜常用的配菜來源。

          魯菜用料最足的菜譜為大白菜燉牛肉,共用料28種。


          大白菜燉牛肉


          用料明細(xì):燉牛肉,牛肉,蔥姜,小香蔥,冰糖,八角,草果,小茴香,香葉,干辣椒,蒜,洋蔥,油,生抽,甜面醬,番茄醬,鹽,清水,啤酒,大白菜燉牛肉,大白菜,熟牛肉,牛肉湯,粉絲,食用油,蔥花,水淀粉,鹽

          清真菜用料詞云圖


          清真菜用料詞云圖


          清真菜主要用料包括蛋白、蛋清、面粉等。在我國,包括回族、維吾爾族、哈薩克族等10個(gè)少數(shù)民族具有清真飲食習(xí)慣,清真菜最突出的特點(diǎn)在于飲食禁忌比較嚴(yán)格,因此在用料上明顯與其他菜系有所區(qū)別。清真菜的口味偏重咸鮮,汁濃味厚,肥而不膩,嫩而不膻。

          清真菜用料最足的菜譜為糖醋蛋白肉,共用料15種。


          糖醋蛋白肉

          用料明細(xì):蛋白肉,尖椒,小米椒,蒜瓣,小蔥,食用油,糖,醋,蒸魚豆豉,生抽,黃酒,番茄醬,淀粉,清水,鹽

          結(jié)語

          如果你覺得沒有吃夠,請(qǐng)大家 點(diǎn)贊、分享、留言 下,因?yàn)檫@將是我持續(xù)輸出更多優(yōu)質(zhì)文章的最強(qiáng)動(dòng)力!


          更多爬蟲、數(shù)據(jù)分析、全棧開發(fā)、人工智能學(xué)習(xí)資料自取

          私信@林夕編程回復(fù)關(guān)鍵詞【源碼】可自動(dòng)獲取本文所用代碼和數(shù)據(jù)集

          文鏈接:http://www.51jrft.com/jsj/jsjkxyjs/92.html

          伴隨著現(xiàn)代信息技術(shù)的迅猛發(fā)展,基于Web服務(wù)的信息發(fā)布已成為一種潮流,引領(lǐng)著技術(shù)改革與發(fā)展的前進(jìn)方向。本設(shè)計(jì)主要是美食分享網(wǎng)站的建設(shè),在美食愛好者之間建立一座橋梁。愛好美食的人們可以對(duì)美食信息進(jìn)行發(fā)布、查詢以及留言交流,宣傳不同地方的飲食文化、飲食習(xí)俗以及飲食習(xí)慣等,整套系統(tǒng)具有一定的可讀性和趣味性,能夠使更多傳統(tǒng)的美食做法得到廣泛的傳播與推廣,同時(shí)能夠激發(fā)更多的美食創(chuàng)意。 M00086

          在網(wǎng)站的構(gòu)建過程中,涉及到很多的軟件知識(shí),如ASP.NET技術(shù)、開發(fā)環(huán)境、數(shù)據(jù)庫設(shè)計(jì)等,尤其著重于Web服務(wù)。本系統(tǒng)中,選用ASP.NET作為系統(tǒng)的開發(fā)工具,而SQL Server2005則是用來進(jìn)行數(shù)據(jù)庫管理系統(tǒng)的開發(fā)。

          本設(shè)計(jì)實(shí)現(xiàn)了美食愛好者注冊(cè)、登錄和留言的功能,還可以將美食信息、個(gè)人信息進(jìn)行發(fā)布,而且還提供了后臺(tái)管理功能,如對(duì)留言、美食信息、個(gè)人信息等的管理。同時(shí),本設(shè)計(jì)還實(shí)現(xiàn)了不同條件的查詢功能與管理員對(duì)美食分享信息、會(huì)員個(gè)人信息、留言信息的管理。

          關(guān)鍵詞:ASP.NET;SQL Server2005;美食;網(wǎng)站建設(shè) 查看完整請(qǐng)+Q:351916072獲取

          Gourmet Food sharing Website

          Abstract:With the development of modern information technology,The Web service information becomes the direction of reform and development based on Technology. This design is mainly Food sharing website construction,and build a bridge between Food lovers.

          Food lovers can publish, on Food information query and message exchange, propaganda of different local diet culture, the diet custom, diet. The whole system has a readable and interesting, can make Food traditional practices more widely, also can stimulate more Food creative.

          In the process of construction site, involving ASP.NET technology, development environment, database design knowledge. Especially the Web service.This system adopts ASP.NET as the system development tool,database management system using SQL Server2005.

          Design and implementation of the Food lovers registration, login and message functions,can also Food information, the release of personal information, but also provides a background management functions, such as management of message, Food information, personal information etc. At the same time, this design also implements the inquiry function and administrator of different conditions on the Food share information, personal information, message information management.

          Key word: ASP.NET;SQL Server2005; Food; Website construction

          目錄 查看完整請(qǐng)+Q:351916072獲取

          摘要 Ⅱ

          Abstract Ⅲ

          第一章 前言 1

          1.1 引言 1

          1.2 課題研究目的 1

          1.3 課題研究背景 2

          第二章 需求分析 3

          2.1課題來源 3

          2.2網(wǎng)站開發(fā)需求分析 3

          2.2.1網(wǎng)站設(shè)計(jì)要求 3

          2.3 軟件介紹 4

          2.3.1 系統(tǒng)開發(fā)平臺(tái)選擇 4

          2.3.2 ASP.NET技術(shù)介紹 4

          2.3.3 數(shù)據(jù)庫技術(shù)的介紹 5

          第三章 美食分享網(wǎng)站的設(shè)計(jì) 6

          3.1美食分享網(wǎng)站分析 6

          3.2美食分享網(wǎng)站制作順序 7

          3.3各功能模塊要求 8

          3.3.1 用戶注冊(cè)模塊 8

          3.3.2 用戶登錄模塊 8

          3.3.3 用戶留言模塊 9

          3.3.4 用戶美食分享模塊 9

          3.3.5 美食檢索模塊 10

          3.3.6 管理員管理模塊 10

          3.3.7 關(guān)于我們模塊 11

          第四章 網(wǎng)站功能實(shí)現(xiàn) 12

          4.1 主頁設(shè)計(jì)實(shí)現(xiàn) 12

          4.2 用戶注冊(cè)模塊實(shí)現(xiàn) 13

          4.3 用戶登錄模塊實(shí)現(xiàn) 16

          4.4 用戶留言模塊實(shí)現(xiàn) 20

          4.5 用戶美食分享模塊實(shí)現(xiàn) 20

          4.6 美食檢索模塊實(shí)現(xiàn) 22

          4.7 管理員模塊實(shí)現(xiàn) 25

          4.8 關(guān)于我們模塊實(shí)現(xiàn) 27

          結(jié)束語 28

          參考文獻(xiàn) 29

          致謝 30

          3.3.4 用戶美食分享模塊

          用戶美食分享模塊為已注冊(cè)的美食愛好者在分享美食網(wǎng)接口,已注冊(cè)的美食愛好者可上傳美食的名稱、美食類別、美食圖片等美食相關(guān)信息,并且可對(duì)分享的信息進(jìn)行管理。用戶美食分享模塊數(shù)據(jù)庫設(shè)計(jì)如圖3-5所示:

          圖3-5用戶美食分享模塊數(shù)據(jù)庫設(shè)計(jì)圖

          美食分享網(wǎng)站

          3.3.5 美食檢索模塊

          美食檢索模塊可根據(jù)不同區(qū)域、不同菜式設(shè)置不同的美食檢索,方便美食愛好者的操作與觀看。美食檢索模塊數(shù)據(jù)庫設(shè)計(jì)如圖3-6所示:

          圖3-6美食檢索模塊數(shù)據(jù)庫設(shè)計(jì)圖

          3.3.6 管理員管理模塊

          管理員管理模塊肩負(fù)著維持網(wǎng)站正常運(yùn)行的重任。管理員需要管理所有的用戶個(gè)人信息以及他們所發(fā)布的美食分享信息。同時(shí)管理員也擁有著很大的權(quán)限,能夠?qū)π碌拿朗承畔⑦M(jìn)行發(fā)布和修改,對(duì)已注冊(cè)會(huì)員進(jìn)行注銷,對(duì)過期或者不合格的美食信息進(jìn)行修改甚至刪除。管理員管理模塊設(shè)計(jì)圖如圖3-7所示:

          圖3-7管理員管理模塊設(shè)計(jì)圖

          3.3.7 關(guān)于我們模塊

          關(guān)于我們模塊式對(duì)整個(gè)網(wǎng)站的介紹,介紹網(wǎng)站的核心思想,是美食愛好者了解網(wǎng)站的最明了的途徑。

          第四章 網(wǎng)站功能實(shí)現(xiàn)

          4.1 主頁設(shè)計(jì)實(shí)現(xiàn)

          網(wǎng)站主頁是網(wǎng)站形象最鮮明的體現(xiàn),它的好壞直接影響到用戶對(duì)網(wǎng)站的第一印象,因此網(wǎng)站主頁的好壞對(duì)網(wǎng)站的生存和后期發(fā)展有著舉足輕重的影響,主要體現(xiàn)在版塊的布局以及色彩的搭配之上。在色彩的選擇上,要和網(wǎng)站所想要表現(xiàn)的風(fēng)格一致,不能僅憑個(gè)人喜好而隨意安排,有時(shí)僅僅是因?yàn)橐欢↑c(diǎn)色彩的差異就會(huì)給人以完全不同的感覺,可能就會(huì)與自己心中所想的風(fēng)格相差千里。這時(shí)就需要我們能夠準(zhǔn)確定位自己的網(wǎng)站,對(duì)全局的設(shè)計(jì)有個(gè)清晰的認(rèn)識(shí),要能夠挑選出最合適的色彩搭配方案。同時(shí),空白區(qū)域的位置和數(shù)量對(duì)頁面的整體布局也有著一定的影響。空白太多顯得頁面太空洞,而太少,反而會(huì)讓人覺得擁擠,因此要掌握一個(gè)度。依據(jù)頁面的整體布局,挑選出適當(dāng)?shù)淖煮w和色彩搭配方案,進(jìn)行合理安排,使主頁簡潔明快,令人耳目一新,使訪問者賞心悅目。如圖4-1為網(wǎng)站首頁顯示圖。

          圖4-1網(wǎng)站首頁顯示圖

          4.2 用戶注冊(cè)模塊實(shí)現(xiàn)

          用戶注冊(cè)模塊主要是讓美食愛好者在網(wǎng)站上進(jìn)行相關(guān)注冊(cè),需要填寫個(gè)人信息,如用戶名、密碼、昵稱、個(gè)人圖片以及聯(lián)系方式,而其中用戶名、密碼為必填項(xiàng),昵稱、個(gè)人圖片、聯(lián)系方式則為可選項(xiàng)。注冊(cè)模塊執(zhí)行流程圖如圖4-2所示,注冊(cè)界面顯示如圖4-3所示。注冊(cè)代碼如下所示。

          圖4-2注冊(cè)模塊執(zhí)行流程圖

          圖4-3注冊(cè)界面顯示圖

          protected void Button1_Click(object sender, EventArgs e)

          {

          string filename=FileUpload1.FileName;

          string file;

          string img="";

          if (FileUpload1.HasFile)//判斷控件是否有文件路徑

          {

          filename=FileUpload1.FileName;//取得文件名

          file=filename.Substring(filename.LastIndexOf(".") + 1);//取得后綴

          if (file.ToLower()=="jpg" || file.ToLower()=="gif")//判斷類型

          {

          img=DateTime.Now.Ticks + file.ToLower();

          FileUpload1.SaveAs(Server.MapPath("~/images/") + img);

          //傳到根目錄的images文件夾+重命名的文件名,也可以用原來的圖片的名稱,自己定。上傳成功;


          主站蜘蛛池模板: 国产精品亚洲综合一区| 国产精品久久无码一区二区三区网| 在线观看亚洲一区二区| 亚洲av乱码一区二区三区香蕉| 风间由美在线亚洲一区| 亚洲综合色自拍一区| 国产一区二区三区在线观看影院 | 亚洲日韩国产精品第一页一区| 无码日韩精品一区二区免费| 东京热无码一区二区三区av | 国产在线视频一区二区三区 | 无码精品人妻一区二区三区免费看| 国产av一区最新精品| 日韩精品区一区二区三VR | 中文精品一区二区三区四区| 久久久久人妻精品一区三寸蜜桃| 日韩一区二区三区射精| 日韩免费一区二区三区在线 | 精品国产福利第一区二区三区| 精品人伦一区二区三区潘金莲| 一区二区视频免费观看| 国产主播福利一区二区| 97av麻豆蜜桃一区二区| 国产在线无码视频一区二区三区 | 精品国产一区在线观看 | 国产探花在线精品一区二区| 丰满岳乱妇一区二区三区| 国产第一区二区三区在线观看| 99久久精品午夜一区二区| 一区二区三区视频在线观看| 日本中文字幕一区二区有码在线| 国模无码一区二区三区不卡| 午夜精品一区二区三区在线观看| 国产成人av一区二区三区不卡| 天堂va视频一区二区| 天堂成人一区二区三区| 国产精品一区二区AV麻豆| 精品成人一区二区三区免费视频| 日韩三级一区二区| 国产a久久精品一区二区三区| 国产精品熟女视频一区二区|