老師小幫手 - 學生版副本 | 程式專案

{"id":149661,"student_id":3760,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n\\t\u003cscript src=\\\"https://code.jquery.com/jquery-3.4.1.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cimg src=\\\"teacher.png\\\"/\u003e\\n    \u003ctable\u003e\\n        \u003cthead\u003e\\n            \u003ctr\u003e\\n                \u003cth\u003e姓名\u003c/th\u003e\\n                \u003cth id=\\\"orderByCh\\\"\u003e國文\u003c/th\u003e\\n                \u003cth id=\\\"orderByEn\\\"\u003e英文\u003c/th\u003e\\n                \u003cth id=\\\"orderByMath\\\"\u003e數學\u003c/th\u003e\\n                \u003cth id=\\\"orderBySum\\\"\u003e總成績\u003c/th\u003e\\n                \u003cth\u003e\u003c/th\u003e\\n            \u003c/tr\u003e\\n        \u003c/thead\u003e\\n        \u003ctbody\u003e\\n            \u003c!-- 這是用來複製的範例，專案完成後即可刪除 --\u003e    \\n            \u003c!-- \u003ctr\u003e\\n                \u003ctd\u003e束凱文\u003c/td\u003e\\n                \u003ctd\u003e46\u003c/td\u003e\\n                \u003ctd\u003e88\u003c/td\u003e\\n                \u003ctd\u003e91\u003c/td\u003e\\n                \u003ctd\u003e225\u003c/td\u003e\\n                \u003ctd class=\\\"delete\\\" data-id=\\\"1\\\"\u003e刪除\u003c/td\u003e\\n            \u003c/tr\u003e\\n            \u003ctr\u003e\\n                \u003ctd\u003e劉大偉\u003c/td\u003e\\n                \u003ctd\u003e95\u003c/td\u003e\\n                \u003ctd\u003e99\u003c/td\u003e\\n                \u003ctd\u003e85\u003c/td\u003e\\n                \u003ctd\u003e279\u003c/td\u003e\\n                \u003ctd class=\\\"delete\\\" data-id=\\\"2\\\"\u003e刪除\u003c/td\u003e\\n            \u003c/tr\u003e\\n            \u003ctr\u003e\\n                \u003ctd\u003e何小妹\u003c/td\u003e\\n                \u003ctd\u003e75\u003c/td\u003e\\n                \u003ctd\u003e100\u003c/td\u003e\\n                \u003ctd\u003e68\u003c/td\u003e\\n                \u003ctd\u003e243\u003c/td\u003e\\n                \u003ctd class=\\\"delete\\\" data-id=\\\"3\\\"\u003e刪除\u003c/td\u003e\\n            \u003c/tr\u003e\\n            \u003ctr\u003e\\n                \u003ctd\u003e邱小玉\u003c/td\u003e\\n                \u003ctd\u003e97\u003c/td\u003e\\n                \u003ctd\u003e81\u003c/td\u003e\\n                \u003ctd\u003e35\u003c/td\u003e\\n                \u003ctd\u003e213\u003c/td\u003e\\n                \u003ctd class=\\\"delete\\\" data-id=\\\"4\\\"\u003e刪除\u003c/td\u003e\\n            \u003c/tr\u003e --\u003e\\n        \u003c/tbody\u003e\\n    \u003c/table\u003e\\n    \u003cbutton id=\\\"create\\\"\u003e新增成績\u003c/button\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n    padding: 30px;\\n    background-color: #eee;\\n    text-align: center;\\n}\\n\\nimg {\\n    max-width: 150px;\\n}\\n\\ntable {\\n    border-collapse: collapse;\\n    width: 100%;\\n    margin: 15px 0px;\\n    border: 1px solid #eee;\\n    background-color: #fff;\\n}\\nth, td {\\n    padding: 15px;\\n    border-bottom: 1px solid #ddd;\\n    color: #333;\\n}\\ntr td:last-child {\\n    color: red;\\n    cursor: pointer;\\n}\\n\\nbutton {\\n    padding: 5px 10px;\\n    border: none;\\n    font-size: 1rem;\\n    color: #fff;\\n    background-color: #4CAF50;\\n    cursor: pointer;\\n}\\n\\n#orderByCh,\\n#orderByEn,\\n#orderByMath,\\n#orderBySum {\\n    cursor: pointer;\\n}\\n\\n#orderByCh:hover,\\n#orderByEn:hover,\\n#orderByMath:hover,\\n#orderBySum:hover {\\n    color: orange;\\n}\",\"js\":\"let score = DB.table('score');\\n\\nlet toggleCh = -1; //國文排序方式\\nlet toggleEn = -1; //英文排序方式\\nlet toggleMath = -1; //數學排序方式\\nlet toggleSum = -1; //總分排序方式\\n\\n$('#create').click(createScore); //點擊「新增成績」時執行 createScore 指令\\n$('tbody').on('click', '.delete', deleteScore); //點擊「刪除」時執行 deleteScore 指令\\n\\n$('#orderByCh').click(orderByCh); //點擊「國文」標題時執行 orderByCh 指令\\n$('#orderByEn').click(orderByEn); //點擊「英文」標題時執行 orderByCh 指令\\n$('#orderByMath').click(orderByMath); //點擊「數學」標題時執行 orderByCh 指令\\n$('#orderBySum').click(orderBySum); //點擊「總分」標題時執行 orderByCh 指令\\n\\n\\nscore.read({}, renderTable);\\n\\n// 新增一位學生的成績資料\\nfunction createScore() {\\n    let n = prompt(\\\"請輸入姓名\\\");\\n    let c = Number(prompt(\\\"請輸入國文分數\\\"));\\n    let e = Number(prompt(\\\"請輸入英文分數\\\"));\\n    let m = Number(prompt(\\\"請輸入數學分數\\\"));\\n    let s = (c+e+m) / 3;\\n    alert(`平均分數為 ${s} 分`);\\n    \\n    score.create({\\n        name: n,\\n        ch: c,\\n        en: e,\\n        math: m,\\n        sum: s\\n    });\\n    \\n    score.read({}, renderTable);\\n    score.read({}, console.log);\\n}\\n\\n// 將資料庫查詢的資料 data 從新寫入畫面表格\\nfunction renderTable(data) {\\n    $(\\\"tbody\\\").empty();\\n    // // for-loop 1\\n    // for (let i=0; i\u003cdata.length; i++) {\\n    //     let row = `\\n    //         \u003ctr\u003e\\n    //             \u003ctd\u003e${data[i].name}\u003c/td\u003e\\n    //             \u003ctd\u003e${data[i].ch}\u003c/td\u003e\\n    //             \u003ctd\u003e${data[i].en}\u003c/td\u003e\\n    //             \u003ctd\u003e${data[i].math}\u003c/td\u003e\\n    //             \u003ctd\u003e${data[i].sum}\u003c/td\u003e\\n    //             \u003ctd class=\\\"delete\\\" data-id=\\\"${data[i].id}\\\"\u003e刪除\u003c/td\u003e\\n    //         \u003c/tr\u003e\\n    //     `;\\n    //     $(\\\"tbody\\\").append(row);\\n    // }\\n    \\n    // // for-loop 2\\n    // for (let item of data) {\\n    //     let row = `\\n    //         \u003ctr\u003e\\n    //             \u003ctd\u003e${item.name}\u003c/td\u003e\\n    //             \u003ctd\u003e${item.ch}\u003c/td\u003e\\n    //             \u003ctd\u003e${item.en}\u003c/td\u003e\\n    //             \u003ctd\u003e${item.math}\u003c/td\u003e\\n    //             \u003ctd\u003e${item.sum}\u003c/td\u003e\\n    //             \u003ctd class=\\\"delete\\\" data-id=\\\"${item.id}\\\"\u003e刪除\u003c/td\u003e\\n    //         \u003c/tr\u003e\\n    //     `;\\n    //     $(\\\"tbody\\\").append(row);\\n    // }\\n    \\n    // forEach\\n    data.forEach(function(d) {\\n        let row = `\\n            \u003ctr\u003e\\n                \u003ctd\u003e${d.name}\u003c/td\u003e\\n                \u003ctd\u003e${d.ch}\u003c/td\u003e\\n                \u003ctd\u003e${d.en}\u003c/td\u003e\\n                \u003ctd\u003e${d.math}\u003c/td\u003e\\n                \u003ctd\u003e${d.sum}\u003c/td\u003e\\n                \u003ctd class=\\\"delete\\\" data-id=\\\"${d.id}\\\"\u003e刪除\u003c/td\u003e\\n            \u003c/tr\u003e\\n        `;\\n        $(\\\"tbody\\\").append(row);\\n    });\\n}\\n\\n// 移除一筆學生成績資料\\nfunction deleteScore () {\\n    let i = $(this).data(\\\"id\\\");\\n    score.delete({id: i});\\n    score.read({}, renderTable);\\n    score.read({}, console.log);\\n}\\n\\n// 根據國語成績進行排序\\nfunction orderByCh() {\\n    score.read({}, {\\n        $orderBy: {\\n            ch: toggleCh\\n        }\\n    }, renderTable);\\n    toggleCh *= -1;\\n}\\n\\n// 根據英文成績進行排序\\nfunction orderByEn() {\\n    score.read({}, {\\n        $orderBy: {\\n            en: toggleEn\\n        }\\n    }, renderTable);\\n    toggleEn *= -1;\\n}\\n\\n// 根據數學成績進行排序\\nfunction orderByMath() {\\n    score.read({}, {\\n        $orderBy: {\\n            math: toggleMath\\n        }\\n    }, renderTable);\\n    toggleMath *= -1;\\n}\\n\\n// 根據總成績進行排序\\nfunction orderBySum() {\\n    score.read({}, {\\n        $orderBy: {\\n            sum: toggleSum\\n        }\\n    }, renderTable);\\n    toggleSum *= -1;\\n}\\n\"}","created_at":"2020-05-16T16:41:54.969+08:00","updated_at":"2023-03-05T15:19:15.076+08:00","name":"老師小幫手 - 學生版 副本","language":"web","screenshot":{"url":"https://cdn9.koding.school/uploads/project/screenshot/149661/2328130c255655599d19b1065bce7cee.jpg"},"parent_id":113121,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":44,"hashid":"ej9szewm","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}