# 时间表 **Repository Path**: daniaobisheng/timetable ## Basic Information - **Project Name**: 时间表 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-04-01 - **Last Updated**: 2021-11-11 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 时间表 > 本项目为一个基于Nagaria的事件表展示项目,里面的样式和格式都是仿照南瓜的原生使用方法重新前端渲染或者少量的修改的; > 采用的是RequireJS的方式导入的,因为需要南瓜UX的方式,所以,页面中的所有内容,都是通过js添加进去的; > 使用的类库和插件分别是Jquery和Tips。并且RequireJS的main.js是在后台的,所以他已经帮前端引入的jq了,直接使用就可以了; > 页面中的css都是后台通过main.js的方式引入的, 所以前端如果需要添加一个额外的css文件,需要后台帮忙添加,字体同样使用css的方式引入; # 构建方式 1、前端操作暂无。直接把文件发送给后台,然后人员打包成jar包,放入南瓜, 即可操作 # 需要注意的技术点 ## 更改主题和语言 ```js define(["./lang_en.js", "./lang_zh.js"], function (en, zh) { var data = JSON.parse(bajaObj.getJsonData());// 获取到后台传给的数据 if ("language" in data.item) { if (data.item["language"] == "zh") { // 如果是中文,则设置一下变量为中文,反之则设为其他的语言 var languageData = zh.languageData; } else if (data.item["language"] == "en") { var languageData = en.languageData; } } else { var languageData = zh.languageData; } }) ``` ### 其中lang_zh.js需要以下的格式(其他的语言需要一一对应) ```js define(function() { var languageData = { weeklySchedule:"周日程表", specialEvent:"特殊事件", …… } return { languageData:languageData } }); ``` ### 主题的和原来的一样,同样是使用scss 的方式,声明变量,然后引入。详情请参见css/theme.scss ## Tip提示 > tip提示是使用的message.js,但是因为他原生不支持RequireJS的方式,所以需要简单的改造。详细的代码,参见/lib/tips/message.js > message.css 需要后台帮忙引入 ## 发送网络请求 ### 发送网络请求,都是使用的一个接口,通过传入不同的参数,判断接口是具体做什么用的 ```js // 这里的bajaObj是后台返回的实体类,发送请求,需要使用这个类里面封装好的方法 bajaObj.ajax(postData, ajaxSuccess, ajaxError); // postDate是发送的参数 // ajaxSuccess是成功的请求,其中成功返回的参数是使用的Payload的方式 function ajaxSuccess(data){ console.log("接口成功之后,调用的参数",data); } // ajaxError 同上,调用的函数 ``` ## 针对于时间范围的判断 ## 因为后台的原因,导致了我们路径和正常的require不同 ```js // 打在jar包中 define(["./lang_en", "./lang_zh"], function (en, zh) {}) // 本地书写 define(["./lang_en.js", "./lang_zh.js"], function (en, zh) {}) ```