微信小程序開發(fā)邊做邊學(xué) 課件 操作篇-微信小程序 第5、6章 課程頁(yè)面模塊開發(fā)、課程練習(xí)模塊開發(fā)

第五章：課程頁(yè)面模塊開發(fā)ontents目錄申請(qǐng)課程號(hào)01課程模塊頁(yè)面邏輯實(shí)現(xiàn)02C課程模塊頁(yè)面布局03課前討論電影《萬(wàn)里歸途》熱映，認(rèn)識(shí)中國(guó)外交官

2022年9月30日上映的《萬(wàn)里歸途》由真實(shí)外交事件改編而來(lái)，影片中對(duì)于戰(zhàn)亂場(chǎng)景和跋涉沙漠的刻畫驚心動(dòng)魄，在硝煙彌漫的怒米亞，中國(guó)外交官最終撤僑成功。怒米亞叛軍一次次的羞辱，變態(tài)的開槍游戲，狠狠踐踏他的性命、尊嚴(yán)。想保全同胞的外交官宗大偉（電影主角）拿命去賭。宗大偉在叛軍的威脅下堅(jiān)定的說(shuō)出:如果你們殺了我們，正義會(huì)審判你，我們國(guó)家會(huì)讓你們血債血還。是使命，也是底氣！

因?yàn)樽鎳?guó)就在身后，使館就在身邊，國(guó)家不會(huì)放棄任何一個(gè)同胞，一定會(huì)帶大家回家！

萬(wàn)眾一心的的信仰里，中國(guó)大使館為同胞們的歸途保駕護(hù)航。

撤僑行動(dòng)異常艱難，國(guó)家和大使館從未放棄任何一個(gè)同胞，大家都沒有放棄回家的希望。

15天的撤僑，在刀山火海里闖出回家的路，他們做到了！中國(guó)近現(xiàn)代外交官之“弱國(guó)無(wú)外交”的顧維鈞1918年，歷時(shí)四年的第一次世界大戰(zhàn)剛結(jié)束，西方列強(qiáng)就在法國(guó)巴黎召開巴黎和會(huì)。作為戰(zhàn)勝國(guó)之一的中國(guó)也被邀請(qǐng)參加和會(huì)。時(shí)任駐美公使的顧維鈞作為本國(guó)政府的代表團(tuán)之一趕赴法國(guó)參加巴黎和會(huì)。1.剛到達(dá)巴黎，就被一群法國(guó)士兵圍毆；2.開會(huì)前中國(guó)代表團(tuán)提交的取消外國(guó)在華特權(quán)和中日二十一條條約遭到拒絕；3.日本提出要繼承德國(guó)在山東半島諸多權(quán)益的無(wú)理要求；4.中國(guó)代表顧維鈞以撿到日本代表的金表為引，被日本代表直接污蔑盜竊；顧維鈞在巴黎和會(huì)上演講—《我的1919》截圖中國(guó)近現(xiàn)代外交官之“弱國(guó)無(wú)外交”的顧維鈞顧維鈞不慌不忙淡定開口：“日本代表牧野男爵憤怒了，姑且算我偷了他的金表，但是我想問問，你們?nèi)毡驹谌澜缑媲?，偷了整個(gè)山東省，山東省的三千六百萬(wàn)人民該不該憤怒，四萬(wàn)萬(wàn)中國(guó)人該不該憤怒呢？我想請(qǐng)問日本的這個(gè)行為算不算盜竊呢？是不是無(wú)恥??？是不是極端的無(wú)恥??？”顧維鈞繼續(xù)說(shuō)到中國(guó)不能失去山東，就像西方不能失去耶路撒冷。緊接著他又拿出來(lái)照片，這是中國(guó)派往歐洲參戰(zhàn)的勞工，用事實(shí)來(lái)反駁了日本代表說(shuō)中國(guó)未出兵的說(shuō)法，而且進(jìn)一步證明了中國(guó)是有資格做為戰(zhàn)勝國(guó)，更有資格要回本就屬于中國(guó)的山東。各方代表聽到顧維鈞的發(fā)表后紛紛為其鼓掌，表達(dá)了他們對(duì)中國(guó)的基本尊重。日本在溝通無(wú)效后，日本開始向和會(huì)施加壓力，同時(shí)當(dāng)時(shí)政府也向代表團(tuán)陸團(tuán)長(zhǎng)陸徽祥發(fā)來(lái)訓(xùn)令，指責(zé)顧維鈞在和會(huì)上的行為，并且要求撤銷顧維鈞的代表身份。同時(shí)要求在山東問題上不要和日本過于強(qiáng)硬。這就是當(dāng)時(shí)的外交現(xiàn)狀。1919年6月28日，巴黎和會(huì)簽約儀式舉行，各列強(qiáng)按照協(xié)議陸續(xù)在合約簽字，顧維鈞作為代表拒絕簽字，“我們拒絕簽字，請(qǐng)你們記住，請(qǐng)你們記住，中國(guó)人永遠(yuǎn)不會(huì)忘記，這沉痛的一天”。中國(guó)成為做為戰(zhàn)勝國(guó)中唯一沒有簽字的國(guó)家。歷史教訓(xùn)：落后就要挨打

中國(guó)人也是花了數(shù)百年，才有如今的富強(qiáng)。

我們?nèi)缃耖L(zhǎng)在陽(yáng)光下，都是前輩們努力拼搏而來(lái)的。

縱觀中國(guó)整個(gè)近代史，我們?nèi)缃竦陌矊?，都是烈士們用血肉筑起?lái)的堡壘。

正因?yàn)橛心切┍＜倚l(wèi)國(guó)，甘愿拋頭顱灑熱血的戰(zhàn)士們，才有如今的安得廣廈千萬(wàn)間！

我們享受的安康，有人在替我們負(fù)重前行。如果信仰有顏色，那一定是中國(guó)紅，如果歸途有方向，那一定是家的方向！我們必須要走富國(guó)強(qiáng)軍的民族復(fù)興之路，并將中華民族偉大復(fù)興的意識(shí)轉(zhuǎn)化為“力”，即民族的凝聚力和戰(zhàn)斗力，國(guó)家的綜合國(guó)力和發(fā)展?jié)摿?，軍?duì)的戰(zhàn)爭(zhēng)實(shí)力和戰(zhàn)備潛力?？梢詧?jiān)信：一個(gè)意志堅(jiān)定、矢志不渝、壯志凌云的民族，一個(gè)國(guó)力盛、民力富、軍力強(qiáng)的國(guó)家，不懼任何形式的侵略者，不懼任何形式的侵略戰(zhàn)爭(zhēng)。

申請(qǐng)課程號(hào)01ranspageT5.1申請(qǐng)課程號(hào)開發(fā)者需要向后臺(tái)申請(qǐng)一個(gè)課程，得到課程號(hào)，申請(qǐng)鏈接如下：/index.php/Api/User/createCourse?appid=wx60dbecdccbea11f7&courseName=1028教學(xué)&questionSet=1012&creater=大佬

?appid:開發(fā)者小程序的appid?courseName:要?jiǎng)?chuàng)建的課程的名字（開發(fā)者可自定義）?questionSet代表實(shí)現(xiàn)預(yù)設(shè)的題目集（后續(xù)無(wú)法更改）?creater:創(chuàng)建者浙江工商大學(xué)浙江工商大學(xué)5.1申請(qǐng)課程號(hào)開發(fā)者的小程序appid是123，創(chuàng)建的課程名字是“一起來(lái)學(xué)近代史”，對(duì)應(yīng)的題庫(kù)是下表中的1001，即questionSet是1001，創(chuàng)建者“工商大佬”。那么開發(fā)者需要訪問以下鏈接/index.php/Api/User/createCourse?appid=123&courseName=一起來(lái)學(xué)近代史&questionSet=1001&creater=工商大佬例：對(duì)于questionSet的題目集，后臺(tái)提供了8個(gè)題目集供開發(fā)者選擇注意：1004、1005、1006、1007的題庫(kù)已作廢浙江工商大學(xué)5.1申請(qǐng)課程號(hào)選擇好需要申請(qǐng)的課程后，訪問對(duì)應(yīng)的課程申請(qǐng)鏈接，網(wǎng)頁(yè)中會(huì)即刻返回課程號(hào)。此時(shí)申請(qǐng)課程號(hào)所用的小程序appid與該課程號(hào)已經(jīng)綁定了，課程號(hào)可保存下來(lái)。所有訪問該小程序的用戶默認(rèn)加入該課程。浙江工商大學(xué)5.1申請(qǐng)課程號(hào)

此外，在config.js文件中加入courseId。以便后面代碼中的引用。課程模塊頁(yè)面布局02ranspageT浙江工商大學(xué)5.2課程模塊頁(yè)面布局課程模塊的頁(yè)面布局是豆豆云助教的簡(jiǎn)化版本，豆豆云主頁(yè)面本案例主頁(yè)面主要包括課程信息和課程練習(xí)模塊較于豆豆云助教的主頁(yè)面，本案例不涉及切換課程，沒有教師端，所以不需要“在線簽到”模塊與“加入課程”。浙江工商大學(xué)5.2.1課程信息模塊頁(yè)面布局課程信息模塊主要包括課程名稱、課程創(chuàng)建者、加入課程的人數(shù)以及課程號(hào)。對(duì)于課程信息模塊的頁(yè)面布局，同樣可以參考WeUI樣式中表單-List-帶圖標(biāo)、說(shuō)明的列表項(xiàng)。浙江工商大學(xué)5.2.1課程信息模塊頁(yè)面布局

找到對(duì)應(yīng)的WeUI樣式后，將該樣式的對(duì)應(yīng)代碼復(fù)制黏貼到自己的項(xiàng)目代碼中。帶圖標(biāo)、說(shuō)明的列表項(xiàng)具體代碼如下：<view

class="weui-cellsweui-cells_after-title"><view

class="weui-cell"><view

class="weui-cell__hd"><image

src="{{icon}}"

style="margin-right:5px;vertical-align:middle;width:20px;height:20px;"></image></view><view

class="weui-cell__bd">標(biāo)題文字</view><view

class="weui-cell__ft">說(shuō)明文字</view></view>image組件中src屬性對(duì)應(yīng)的圖片資源地址改為課程對(duì)應(yīng)的圖片，將課程圖片放置在images文件夾底下，圖片資源地址為課程圖片的絕對(duì)地址。例如：本案例圖片存放在images文件夾下，圖片名稱為course_head.png，那么圖片資源路徑為“/images/course_head.png”。另外由于圖片太小，需要調(diào)整style中width和height值至80px。浙江工商大學(xué)5.2.1課程信息模塊頁(yè)面布局

課程名稱、創(chuàng)建者、加入人數(shù)以及課程號(hào)用標(biāo)題文字的樣式即可，無(wú)需使用說(shuō)明文字樣式。通過字體大小與字體顏色不同來(lái)使得課程名稱更加吸引用戶注意。課程信息模塊布局浙江工商大學(xué)5.2.1課程信息模塊頁(yè)面布局課程信息模塊wxml代碼如下：<viewclass="weui-cellsweui-cells_after-title"><viewclass="weui-cell"><viewclass="weui-cell__hd"><imagesrc="/images/course_head.png"style="margin-right:15px;vertical-align:middle;width:80px;height:80px;"></image></view><viewclass="weui-cell__bd"><viewstyle='font-size:20px'>課程名稱</view><viewstyle='font-size:13px;color:#888888'>創(chuàng)建者：</view><viewstyle='font-size:13px;color:#888888'>加入人數(shù)：</view><viewstyle='font-size:13px;color:#888888'>課程號(hào)：</view></view></view></view>浙江工商大學(xué)5.2.2課程練習(xí)模塊頁(yè)面布局課程練習(xí)模塊的布局主要參考了github上一個(gè)駕?？碱}的小程序前端代碼，該項(xiàng)目下載地址：/HuBinAdd/calculate-swiperList。課程練習(xí)模塊主要包括順序練習(xí)、章節(jié)練習(xí)、專題練習(xí)、收藏以及錯(cuò)題。課程練習(xí)模塊要教給大家的是如何使用現(xiàn)有的開源代碼，經(jīng)過修改后開發(fā)出自己的小程序，這可以大大減輕開發(fā)者的工作量。浙江工商大學(xué)5.2.2課程練習(xí)模塊頁(yè)面布局下載駕?？碱}源代碼后，導(dǎo)入項(xiàng)目。駕?？碱}小程序首頁(yè)

浙江工商大學(xué)5.2.2課程練習(xí)模塊頁(yè)面布局找到駕?？碱}首頁(yè)對(duì)應(yīng)的index頁(yè)面，將駕?？碱}中對(duì)應(yīng)的練習(xí)模塊前端代碼拷貝至自己的項(xiàng)目中，只保留專題練習(xí)與章節(jié)練習(xí)。編譯后發(fā)現(xiàn)頁(yè)面效果并不能正常顯示。這是因?yàn)榇a中涉及到的樣式不是WeUI樣式，而是駕?？碱}小程序開發(fā)者自己寫的樣式浙江工商大學(xué)5.2.2課程練習(xí)模塊頁(yè)面布局將index.wxss中的樣式拷貝至自己項(xiàng)目的index.wxss中，但是發(fā)現(xiàn)課程練習(xí)模塊樣式不全。浙江工商大學(xué)5.2.2課程練習(xí)模塊頁(yè)面布局導(dǎo)致課程練習(xí)模塊顯示與駕?？碱}主頁(yè)面不一致的原因是該部分代碼中涉及到的樣式col-hg-6和col-hg-3在index.wxss中沒有，在駕?？碱}源代碼中，該樣式寫在app.wxss中，將對(duì)應(yīng)的col-hg-6和col-hg-3樣式拷貝index.wxss，具體樣式代碼如下：.col-hg-6{

float:

left;

box-sizing:

border-box;

width:

50%;}.col-hg-3{

float:

left;

box-sizing:

border-box;

width:

25%;}浙江工商大學(xué)5.2.2課程練習(xí)模塊頁(yè)面布局編譯后發(fā)現(xiàn)專題練習(xí)與章節(jié)練習(xí)的布局只占了頁(yè)面寬度的一半。

專題練習(xí)和章節(jié)練習(xí)使用的是col-hg-3樣式，該樣式的width屬性只有25%，兩個(gè)元素總共也就50%，因此只占了頁(yè)面寬度的一半。浙江工商大學(xué)5.2.2課程練習(xí)模塊頁(yè)面布局將col-hg-3樣式改為col-hg-6，專題練習(xí)和章節(jié)練習(xí)撐滿整個(gè)頁(yè)面，課程練習(xí)模塊最終頁(yè)面布局：浙江工商大學(xué)5.2.2課程練習(xí)模塊頁(yè)面布局課程練習(xí)</view><viewclass="index-exam-inletsrow"><viewbindtap="exercise"data-type='sxlx'class="index-exam-inlets-mkcol-hg-6"><view>順序練習(xí)</view><viewclass="small">做題數(shù):{{ques_count?ques_count:0}}題</view></view><viewbindtap="bindUrlToStore"class="index-exam-inlets-sccol-hg-6"data-urlParem="{{item.subject}}"data-collection="{{item.collection}}"><view>收藏</view><view>（{{current_course.question['0'].collection}}）</view></view><viewbindtap="bindUrlToWrong"class="index-exam-inlets-ctcol-hg-6"data-urlParem="{{item.subject}}"data-answerError="{{item.answerError}}"><view>答錯(cuò)</view><view>（{{current_course.question['0'].answerError}}）</view></view>

課程練習(xí)模塊wxml代碼為：將模擬考試元素中文字“模擬考試”改為“順序練習(xí)”，“最高成績(jī)：分”改為“做題數(shù)：題”。浙江工商大學(xué)5.2.2課程練習(xí)模塊頁(yè)面布局<viewclass="row"style="clear:both;"><viewbindtap="exercise"data-type='zjlx'class="index-exam-inlets-listcol-hg-6"><viewclass="icon-index-zj"></view><viewclass="text">章節(jié)練習(xí)</view></view><viewbindtap="exercise"data-type='ztlx'class="index-exam-inlets-listcol-hg-6"><viewclass="icon-index-sj"></view><viewclass="text">專題訓(xùn)練</view></view></view></view>課程模塊頁(yè)面邏輯實(shí)現(xiàn)03ranspageT浙江工商大學(xué)5.3課程模塊頁(yè)面邏輯實(shí)現(xiàn)請(qǐng)求加入課程主要是用戶在第一次進(jìn)入小程序即發(fā)生的請(qǐng)求，為減少請(qǐng)求次數(shù)，因此將該邏輯寫在app.js中，用戶第一次使用時(shí)通過getAddedCourse接口向后臺(tái)發(fā)送請(qǐng)求以確認(rèn)該用戶是否已加入課程。若用戶已加入該課程，則返回該用戶已加入的課程號(hào)，當(dāng)success為false則表示未加入，執(zhí)行加入課程邏輯?！镎?qǐng)求加入課程邏輯浙江工商大學(xué)5.3課程模塊頁(yè)面邏輯實(shí)現(xiàn)具體代碼：wx.request({url:userUrl+'getAddedCourse',data:{

'openid':wx.getStorageSync('jiaoxue_OPENID'),},success:function(res){

if(!res.data.success){wx.request({url:userUrl+'addCourse',data:{openid:wx.getStorageSync('jiaoxue_OPENID'),courseId:courseId},success:function(res){

if(res.data.success){wx.setStorageSync('jiaoxue_courseList',courseId)}},fail:function(res){}})}else{wx.setStorageSync('jiaoxue_addedCourse',res.data.msg)}}})浙江工商大學(xué)5.3課程模塊頁(yè)面邏輯實(shí)現(xiàn)成功加入課程后，用戶首頁(yè)則需要顯示所加入課程的課程信息。獲取當(dāng)前課程主要通過current接口向后臺(tái)發(fā)送請(qǐng)求，獲取課程信息后顯示在前端。★獲取當(dāng)前課程邏輯浙江工商大學(xué)5.3課程模塊頁(yè)面邏輯實(shí)現(xiàn)index.js代碼：（從左到右）index.js文件中主要在data數(shù)組中定義了一個(gè)current_course數(shù)組，然后寫了一個(gè)getCurrentCourse函數(shù)，函數(shù)中主要實(shí)現(xiàn)了請(qǐng)求名為current的api，向后臺(tái)發(fā)送current_course_id和openid的值浙江工商大學(xué)5.3課程模塊頁(yè)面邏輯實(shí)現(xiàn)請(qǐng)求成功后，將res.data.data賦值給current_course，使用console.log(‘res1’,res)打印res的值，即可console面板中看到后臺(tái)返回的課程信息。浙江工商大學(xué)5.3課程模塊頁(yè)面邏輯實(shí)現(xiàn)獲取課程信息后，需要將課程信息顯示在首頁(yè)中，因此還需要對(duì)index.wxml中課程信息模塊的代碼進(jìn)行簡(jiǎn)單修改，其中將“課程名稱”改為變{{current_course['name']?current_course['name']:"未知"}}，并在“創(chuàng)建者：”、“加入人數(shù)：”和“課程號(hào)：”后面分別加上變量{{current_course['teacher']['name']?current_course['teacher']['name']:"未知"}}{{current_course['count']?current_course['count']:"未知"}}和{{current_course['id']?current_course['id']:"未知"}}。變量通過三目運(yùn)算進(jìn)行判斷是否獲取到當(dāng)前課程信息時(shí)顯示對(duì)應(yīng)的課程信息。課程信息未知界面課程信息正常顯示感謝聆聽！第六章：課程練習(xí)模塊開發(fā)ontents目錄引用駕?？碱}做題頁(yè)面01

實(shí)現(xiàn)錯(cuò)題與收藏功能02C完成練習(xí)功能模塊03課前討論星巴克“大展宏圖款”電腦包被指抄襲

北京時(shí)間2023年2月1日，星巴克推出官方活動(dòng)，消費(fèi)者在星巴克消費(fèi)滿150元即可申請(qǐng)領(lǐng)取星巴克的新春款電腦包。這一活動(dòng)在網(wǎng)絡(luò)上引發(fā)網(wǎng)友爭(zhēng)議，有網(wǎng)友指出星巴克“大展宏兔款”電腦包涉嫌抄襲奢侈品牌alexanderwang。從星巴克中國(guó)最新發(fā)布的宣傳材料看，“大展宏圖款”電腦包的相關(guān)物料已經(jīng)撤下，僅保留了剩余三款。針對(duì)此事，之后星巴克中國(guó)并未做出相關(guān)回應(yīng)。

這也并非是星巴克首次陷入抄襲風(fēng)波。天眼查App顯示，寧波利時(shí)日用品有限公司曾因侵害外觀設(shè)計(jì)專利權(quán)糾紛，起訴浙江飛洋杯業(yè)有限公司、寧波家之良品國(guó)際貿(mào)易有限公司、星巴克企業(yè)管理（中國(guó)）有限公司、上海星巴克咖啡經(jīng)營(yíng)有限公司寧波分公司、上海星巴克咖啡經(jīng)營(yíng)有限公司。最新開庭公告信息顯示，該案于2022年11月3日在寧波市中級(jí)人民法院開庭。

星巴克大展宏兔電腦包alexanderwang《羊了個(gè)羊》火爆登場(chǎng)

2022年中秋假期期間，一款名為《羊了個(gè)羊》的小程序游戲突然火爆全網(wǎng)，輪番霸榜微博、抖音等平臺(tái)熱搜榜，熱度居高不下。熱度持續(xù)沖高，僅2022年9月14日，《羊了個(gè)羊》就兩度登頂熱搜榜一，圍繞游戲的討論也不斷發(fā)散。游戲介紹顯示，羊了個(gè)羊是一款超難的闖關(guān)消除小游戲，通關(guān)率不到0.1%。據(jù)“羊了個(gè)羊”官方社交平臺(tái)賬號(hào)，由于該游戲過于火爆，《羊了個(gè)羊》出現(xiàn)了宕機(jī)的情況，服務(wù)器2天崩了3次。

爭(zhēng)議：《羊了個(gè)羊》抄襲？炒作？

抄襲？眾口不一：就在大家玩的火熱的時(shí)候，有網(wǎng)友發(fā)現(xiàn)這則小游戲疑似抄襲了《3tiles》。從曝光的游戲畫面來(lái)看，《羊了個(gè)羊》與《3tiles》在玩法上簡(jiǎn)直如出一轍，所不同的是二者圖標(biāo)有異常。但也有網(wǎng)友認(rèn)為，多層連連看游戲玩法均相似，不構(gòu)成抄襲。3tiles羊了個(gè)羊

炒作？不至于，否則不會(huì)服務(wù)器崩潰：爆火后服務(wù)器連續(xù)崩潰，恰恰說(shuō)明游戲廠商準(zhǔn)備不足。畢竟作為小游戲，其火爆就是個(gè)偶然事件，大多數(shù)同類小游戲往往從生到死都少人知曉。當(dāng)然，突然爆火后服務(wù)器崩潰是游戲廠商常見問題。甚至于知名大作如魔獸、王者，也會(huì)因?yàn)樘囟〞r(shí)間的玩家涌入而宕機(jī)或出現(xiàn)超長(zhǎng)時(shí)間排隊(duì)問題。公司回應(yīng)和相關(guān)行動(dòng)

知識(shí)產(chǎn)權(quán)信息顯示，“羊了個(gè)羊”小游戲已經(jīng)在2022年7月份申請(qǐng)了軟件著作權(quán)登記。針對(duì)“羊了個(gè)羊”涉及抄襲“3tiles”一事，北京簡(jiǎn)游科技有限公司相關(guān)負(fù)責(zé)人否認(rèn)“羊了個(gè)羊”抄襲“3tiles”。該負(fù)責(zé)人表示，“羊了個(gè)羊”游戲使用的是最基礎(chǔ)的游戲玩法，如果“連成三個(gè)”的玩法就算抄襲，那這樣的游戲也太多了。并表示公司不會(huì)對(duì)此理會(huì)，用戶自然有自己的判斷。什么是軟件著作權(quán)？

軟件著作權(quán)的全稱是“計(jì)算機(jī)軟件著作權(quán)”，是指軟件的開發(fā)者或者其他權(quán)利人依據(jù)有關(guān)著作權(quán)法律的規(guī)定，對(duì)于軟件作品所享有的各項(xiàng)專有權(quán)利。軟件開發(fā)完成后，軟件著作權(quán)人享有發(fā)表權(quán)、開發(fā)者身份權(quán)、使用權(quán)、使用許可權(quán)和獲得報(bào)酬權(quán)。

為什么要登記軟著呢？1.權(quán)利證明在發(fā)生軟件侵權(quán)時(shí)，權(quán)利人向人民法院提出訴訟的時(shí)候，軟件著作權(quán)證書是一個(gè)很有力的證明文件。如果沒有登記過軟件著作權(quán)，權(quán)利人很難去證明其完成的時(shí)間和這個(gè)軟件的歸屬權(quán)。2.市場(chǎng)需要現(xiàn)在很多的軟件應(yīng)用市場(chǎng)，都開始要求上線的時(shí)候提供軟件著作權(quán)登記證書。如果不提早辦理，可能對(duì)耽誤軟件的上線，及時(shí)去版權(quán)局登記軟件著作權(quán)將減少很多的麻煩。3.軟實(shí)力軟件著作權(quán)屬于知識(shí)產(chǎn)權(quán)里的一項(xiàng)，可以作為企業(yè)對(duì)外宣傳，證明企業(yè)實(shí)力的一項(xiàng)有力材料，提升企業(yè)美譽(yù)度。

4.無(wú)形資產(chǎn)軟件著作權(quán)和商標(biāo)、專利一樣，是企業(yè)的無(wú)形資產(chǎn)，可作為增資、融資抵押、技術(shù)入股等。5.高企申報(bào)在高新技術(shù)企業(yè)申報(bào)的過程中，軟件著作權(quán)和專利一樣，是可以用于高企申報(bào)的，而且軟件著作權(quán)辦理的時(shí)間周期短，更快拿證，不耽誤企業(yè)申報(bào)項(xiàng)目。企業(yè)研發(fā)了新產(chǎn)品，相應(yīng)的知產(chǎn)保護(hù)也應(yīng)跟上。對(duì)于像“羊了個(gè)羊”這類游戲開發(fā)軟件來(lái)說(shuō)，申請(qǐng)軟件著作權(quán)就必不可少，不僅可以保護(hù)核心技術(shù)不被侵犯、提升美譽(yù)度，還可以作為無(wú)形資產(chǎn)質(zhì)押、增資、技術(shù)入股等等。提高版權(quán)保護(hù)意識(shí)

版權(quán)的定義：版權(quán)也稱著作權(quán)，是知識(shí)產(chǎn)權(quán)的一種。版權(quán)是對(duì)計(jì)算機(jī)程序、文學(xué)著作、音樂作品、照片、游戲，電影等的復(fù)制權(quán)利的合法所有權(quán)。除非轉(zhuǎn)讓給另一方，版權(quán)通常被認(rèn)為是屬于作者的。大多數(shù)計(jì)算機(jī)程序不僅受到版權(quán)的保護(hù)，還受軟件許可證的保護(hù)。版權(quán)只保護(hù)思想的表達(dá)形式，而不保護(hù)思想本身。算法、數(shù)學(xué)方法、技術(shù)或機(jī)器的設(shè)計(jì)均不在版權(quán)的保護(hù)之列。

申請(qǐng)版權(quán)的程序：一、準(zhǔn)備作品登記應(yīng)提交的材料，包括作品登記申請(qǐng)表、作者或者其他著作權(quán)的人身份證明文件以及作品著作權(quán)歸屬證明文件、作品說(shuō)明書、代理人委托書以及身份證明文件等等二、在線填寫作品登記表，上傳作品樣本、身份證明文件及權(quán)利保證書三、作品登記機(jī)關(guān)在接到作品申請(qǐng)材料后，按規(guī)定進(jìn)行核查，核查期限一個(gè)月。如果作品符合登記條件，則由作品登記機(jī)關(guān)發(fā)放證書并予以公告。引用駕?？碱}做題頁(yè)面01ranspageT浙江工商大學(xué)6.1.1駕?？碱}各類練習(xí)頁(yè)面參考駕?？碱}小程序中專項(xiàng)練習(xí)、章節(jié)練習(xí)和順序練習(xí)的功能，真正實(shí)現(xiàn)doudouyuan項(xiàng)目中的對(duì)應(yīng)的練習(xí)功能。浙江工商大學(xué)6.1.1駕?？碱}各類練習(xí)頁(yè)面在駕?？碱}項(xiàng)目中找到專項(xiàng)練習(xí)、章節(jié)練習(xí)和順序練習(xí)所對(duì)應(yīng)的answer_classify、answer_chapter和answer_info頁(yè)面，其中answer_info.wxml文件中使用import引入了answer_common中movie-list.wxml的template模板。浙江工商大學(xué)6.1.1駕?？碱}各類練習(xí)頁(yè)面classify.js、chapter.js和info.js文件中均引用public文件夾中的douban.js和object-assign.js文件，引用所用的代碼:consthttps=require('../../public/js/douban.js');if(!Object.assign){

Object.assign=require('../../public/core/object-assign.js')}浙江工商大學(xué)6.1.2各類練習(xí)頁(yè)面邏輯修改◆頁(yè)面引用①單擊編輯器中項(xiàng)目目錄結(jié)構(gòu)區(qū)右上角的“…”按鈕，打開駕?？碱}的項(xiàng)目目錄。②打開pages文件夾，復(fù)制pages文件夾中的answer_classify、answer_chapter、answer_info和answer_common文件夾。③打開doudouyun項(xiàng)目目錄，在pages文件夾中新建answer文件夾，將復(fù)制的文件黏貼至answer文件中。④將駕?？碱}中的public文件夾拷貝至doudouyun項(xiàng)目目錄下，其中public與pages在同一級(jí)目錄下。浙江工商大學(xué)6.1.2各類練習(xí)頁(yè)面邏輯修改完成上述操作操作后的doudouyun項(xiàng)目的項(xiàng)目目錄結(jié)構(gòu)浙江工商大學(xué)6.1.2各類練習(xí)頁(yè)面邏輯修改在app.json文件的pages屬性中加上對(duì)應(yīng)的所有頁(yè)面路徑。若直接去駕?？碱}代碼中app.json文件復(fù)制，復(fù)制過來(lái)后需要在每個(gè)頁(yè)面路徑加上一個(gè)answer/。浙江工商大學(xué)6.1.2各類練習(xí)頁(yè)面邏輯修改◆文件修改★文件修改主要包括新增的三個(gè)頁(yè)面對(duì)應(yīng)的js文件、以及douban.js文件的修改?！锩總€(gè)頁(yè)面的js文件需要修改兩處，一個(gè)是引入douban.js文件對(duì)應(yīng)的相對(duì)路徑的修改，另一個(gè)則是做題功能實(shí)現(xiàn)所需的url的修改。浙江工商大學(xué)6.1.2各類練習(xí)頁(yè)面邏輯修改（1）修改.js文件的相對(duì)路徑在chapter.js、classify.js和info.js文件引用douban.js和object-assign.js時(shí)，對(duì)應(yīng)的相對(duì)路徑需要多一個(gè)“../”。chapter.js、classify.js和info.js文件都要修改。浙江工商大學(xué)6.1.2各類練習(xí)頁(yè)面邏輯修改（2）修改url在doudouyun項(xiàng)目中需要修改各類練習(xí)頁(yè)面js文件中與題庫(kù)相關(guān)的url。其中需要修改的url分別是：章節(jié)URL：Gateway/route?method=pingshifen.question.chapter&course_id=10014專項(xiàng)URL：Gateway/route?method=pingshifen.question.special&course_id=10014收藏URL:Gateway/route?method=pingshifen.question.collect&course_id=10014提交答案URL:Gateway/route?method=pingshifen.question.submit&course_id=10014題號(hào)URL:Gateway/route?method=pingshifen.question.get_id_items&course_id=10014題目詳情URL:Gateway/route?method=pingshifen.question.get_info&course_id=10014course_id對(duì)應(yīng)的值?直接賦值開發(fā)者所申請(qǐng)的課程號(hào)?使用wx.getStorageSync(′jiaoxue_addedCourse′)從本地Storage獲取存在本地的課程號(hào)?使用config.js中宏定義courseId需要在對(duì)應(yīng)的js文件使用

const引入config.js文件中的courseId!url中不能有空格，不然訪問會(huì)報(bào)錯(cuò)。浙江工商大學(xué)6.1.2各類練習(xí)頁(yè)面邏輯修改chapter.js中URL的修改classify.js中URL的修改info.js中URL的修改浙江工商大學(xué)6.1.2各類練習(xí)頁(yè)面邏輯修改（3）修改douban.js中的請(qǐng)求參數(shù)?將douban.js文件的AJAX主體函數(shù)中請(qǐng)求參數(shù)openid改為course_id和openid，對(duì)應(yīng)的值分別CONF.courseIdwx.getStorageSync(‘jiaoxue_OPENID’)。?對(duì)const中的內(nèi)容進(jìn)行簡(jiǎn)單修改完成練習(xí)功能模塊02ranspageT浙江工商大學(xué)6.2.1實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)單擊“順序練習(xí)”按鈕，發(fā)現(xiàn)頁(yè)面沒有任何變化，也沒有報(bào)錯(cuò)，單擊“章節(jié)練習(xí)”和“專項(xiàng)練習(xí)”按鈕，發(fā)現(xiàn)調(diào)試器的Console中報(bào)錯(cuò)。將章節(jié)練習(xí)navigator組件中的url改為../answer/answer_classify/classify?subject={{item.subject}}&type=zxlx將專項(xiàng)練習(xí)navigator組件中的url改為../answer/answer_chapter/chapter?subject={{item.subject}}&type=zjlx即可實(shí)現(xiàn)正常跳轉(zhuǎn)。浙江工商大學(xué)6.2.1實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)單擊“順序練習(xí)”按鈕沒有反應(yīng)，這是由于在index.js文件中沒有添加順序練習(xí)的view組件中對(duì)應(yīng)的bindtap函數(shù)。使用一個(gè)bindtap事件觸發(fā)函數(shù)同時(shí)實(shí)現(xiàn)順序練習(xí)、章節(jié)練習(xí)和專項(xiàng)練習(xí)的頁(yè)面跳轉(zhuǎn)。浙江工商大學(xué)6.2.1實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)index.wxml具體代碼<view

class="index-exam-h1">

課程練習(xí)</view><view

class="index-exam-inletsrow">

<view

bindtap="exercise"

data-type='sxlx'

class="index-exam-inlets-mkcol-hg-6">

<view>順序練習(xí)</view>

<view

class="small">做題數(shù):題</view></view>

<view

bindtap="tapInletsSC"

class="index-exam-inlets-sccol-hg-6"

data-urlParem="{{item.subject}}"

data-collection="{{item.collection}}">

<view>收藏</view>

<view>（）</view>

</view>

<view

bindtap="tapInletsCT"

class="index-exam-inlets-ctcol-hg-6"

data-urlParem="{{item.subject}}"

data-answerError="{{item.answerError}}">

<view>答錯(cuò)</view>

<view>（）</view>

</view>

<view

class="row"

style="clear:both;">

<view

bindtap="exercise"

data-type='zxlx'

class="index-exam-inlets-listcol-hg-6">

<view

class="icon-index-zx"></view>

<view

class="text">專項(xiàng)練習(xí)</view>

</view>

<view

bindtap="exercise"

data-type='zjlx'

class="index-exam-inlets-listcol-hg-6">

<view

class="icon-index-zj"></view>

<view

class="text">章節(jié)練習(xí)</view>

</view>

</view></view>順序練習(xí)、章節(jié)練習(xí)和專項(xiàng)練習(xí)對(duì)應(yīng)的bindtap函均為exercise。順序練習(xí)的data-type值為sxlx。章節(jié)練習(xí)的data-type值為zjlx。專項(xiàng)練習(xí)的data-type值為zxlx。浙江工商大學(xué)6.2.1實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)exercise(e){console.log(e)

lettype=e.currentTarget.dataset.type

var_url

if(type=='sxlx'){_url="/pages/answer/answer_info/info?subject=&type=sxlx"}else

if(type=='zjlx'){_url="/pages/answer/answer_chapter/chapter?subject=&type=zjlx"}else

if(type=='zxlx'){_url="/pages/answer/answer_classify/classify?subject=&type=zxlx"}wx.navigateTo({url:_url,})},在index.js文件中的exercise函數(shù)使用console.log(e)，打印當(dāng)觸發(fā)exercise函數(shù)時(shí)參數(shù)e的值例：?jiǎn)螕簟绊樞蚓毩?xí)”按鈕，調(diào)試器中打印出的內(nèi)容可以通過e.currentTarget.dataset.type的值來(lái)判斷單擊的是哪個(gè)練習(xí)的按鈕index.js文件中的具體代碼浙江工商大學(xué)6.2.2添加頁(yè)面樣式完成練習(xí)頁(yè)面跳轉(zhuǎn)之后，單擊“章節(jié)練習(xí)”和“專項(xiàng)練習(xí)”按鈕后，跳轉(zhuǎn)至章節(jié)練習(xí)和專項(xiàng)練習(xí)頁(yè)面。浙江工商大學(xué)6.2.2添加頁(yè)面樣式將駕?？碱}的app.wxss中的樣式對(duì)應(yīng)得拷貝至doudouyun項(xiàng)目的app.wxss中。主要復(fù)制/*CSSDocument*/以下所有的樣式代碼。浙江工商大學(xué)6.2.2添加頁(yè)面樣式添加頁(yè)面樣式后，章節(jié)練習(xí)和專項(xiàng)練習(xí)頁(yè)面浙江工商大學(xué)6.2.2添加頁(yè)面樣式進(jìn)入章節(jié)練習(xí)頁(yè)面后，單擊章節(jié)練習(xí)中任意一個(gè)章節(jié)對(duì)應(yīng)的按鈕，例如單擊“算法”按鈕，發(fā)現(xiàn)調(diào)試器報(bào)錯(cuò)單擊專項(xiàng)練習(xí)中任意按鈕也會(huì)報(bào)錯(cuò)。浙江工商大學(xué)6.2.2添加頁(yè)面樣式修改chapter.wxml和classify.wxml中navigator組件的url，給url對(duì)應(yīng)的路徑都加上一個(gè)answer/。修改url后即可跳轉(zhuǎn)至滿足章節(jié)或者專項(xiàng)練習(xí)要求的練習(xí)頁(yè)面。浙江工商大學(xué)6.2.2添加頁(yè)面樣式為了使練習(xí)頁(yè)面中選項(xiàng)的布局美觀?可修改container樣式，將display屬性值改為block，并刪除padding屬性。?可選擇直接注釋container樣式。.container{

height:

100%;

display:

block;

flex-direction:

column;

align-items:

center;

justify-content:

space-between;

box-sizing:

border-box;}修改樣式后的練習(xí)頁(yè)面浙江工商大學(xué)6.2.3顯示做題數(shù)目實(shí)現(xiàn)做題數(shù)量的顯示（1）在index.js文件的data{}中添加一個(gè)變量ques_count，初始值為0。（2）在index.wxml文件中，“做題數(shù)：題”改為“做題數(shù)：{{ques_count}}題”。做題數(shù)是通過getDoneQuesCount接口向后臺(tái)發(fā)送請(qǐng)求，獲取做題數(shù)量。

該接口請(qǐng)求需要在onShow函數(shù)中。index.js文件中onShow函數(shù)中具體代碼：onShow:function(){

varthat=thiswx.request({url:userUrl+'getDoneQuesCount',data:{openid:wx.getStorageSync('ji