- 博客(15)
- 收藏
- 关注
RSS订阅原创 山东大学项目实训（十五）——文件列表、分类模型上传、合并工作以及最后的挣扎
今天是项目实训的最后一天，所有工作都要在今天收尾，今天我主要完成了之前遗留工作——文件列表一部分的实现，就是写了单个文件列表的逻辑，而将其复制到五个模块以及拓展至响应webgl页面则由前端另一位负责webgl交接的成员完成，主要代码大致如下： <el-dialog title="确认" v-model="editVisible2" width="30%" > <el-table :data="tabledata2" style="wid
2021-07-29 19:03:03
109
原创 山东大学项目实训（十三）——整体界面重做、分类界面创建及部署、操作记录界面创建及部署（7.24-7.26）
这三天因为要赶进度，做了不少东西，代码量不小所以就不贴代码了，只展示一下结果。 首先是整体界面重做，原来的界面模板味太重，所以我将模板自带的东西全部剔除，留下自己写的东西，并且整体重做了一下。主要是剔除了侧边框和上边框这俩个模板自带的，删除唯一的模板剩下的主页面，并且按ATM机的形式自己设计了一个主页面，本着主页面较华丽、操作页面较朴素的原则，用CSS给主页面的按钮和背景加了各种各样的特效，按钮加上立体感并且鼠标移上去会有小动画，点上去也会有稍微的动感初版主页面、登陆注册页面背景为星空，星星会动态闪烁，而其
2021-07-26 18:24:33
105
原创 山东大学项目实训（十二）——分类算法的进一步更改以及案例状态改变、历史记录、分页功能（7.22、7.23）
经过组内成员的讨论，我给分类算法多增加了一个输出，现在分类算法输入n个txt文件，输出2个txt文件，其中1个txt文件是n个txt文件里点按顺序的合并，而另一个txt文件是这些点的对应标签，行行相对。 因为在算法这方面目前我暂时没有什么事，所以我又回到前端把之前构想的附加功能进行完善，主要完成了一个案例状态从治疗中改变为治疗结束的案例完结功能以及根据案例状态查询的历史记录功能，然后还有一个防止显示数据太多的分页功能做到一半。 首先是案例的改变完结功能，这个功能需要数据交换，所以要和后端相接： const
2021-07-24 01:23:22
102
原创 山东大学项目实训（十一）——分类算法（7.20、7.21）
7.20早上我们开了个小会，因为进度差距有点大，所以我们重新安排了一下工作，我先放下手里的前端工作去帮忙另一名成员写分割和分类算法。我负责的主要是分类，主要在原有的代码的基础上进行改写以获得我们需要的数据。 在拿到代码和数据后花费了一段时间去理解代码逻辑，毕竟改写之前得先知道原来的代码整体是什么样的逻辑才能更有效率，不得不说，原来的代码还是比较有误导性的，它自带的输出以及其中的一大部分我们都用不到，而我们需要的则是藏在中间了，所以花费了不少时间。它主要的代码逻辑就是从一个test表中读取文件名，根据文件名寻
2021-07-21 17:36:39
74
原创 山东大学项目实训（十）——图片上传和下载（下载）（7.19）
今天主要是把上次遗留的最后一部分图片上传和下载的下载给做完了。 起初本以为图片下载也是向服务器发送请求返回数据，然后对数据进行处理： export const fetchcbct=(cid,query)=>{ return request({ headers: {'Content-Type': 'application/x-www-form-urlencoded'}, url:'http://106.14.19.174:8080/case/'+cid+'/CBC
2021-07-19 18:03:21
88
原创 山东大学项目实训（九）——图片上传和下载（上传）（7.16）
今天开始进行前端负责的基本功能的最后一部分——CBCT、X光等各张图片的上传和下载，我认为这应该是和后端接起来最难接的一部分，虽然这一部分UI、功能都很好做，但是后端留的接口是form-data的文件，以往都是传递起来比较简单的数据信息，文件的传递我一点经验也没有。 首先跟往常一样配置request，因为是form-data，所以表头等都有所讲究，而且这次传的form-data是文件，所以不让它对数据进行处理： export const submitcbct=(cid,query,param)=>{
2021-07-16 20:16:32
88
原创 山东大学项目实训（八）——案例信息各功能创建并与服务器对接
前两天完成了基本功能第一部分的完善，并且与后端服务器完成对接，这两天着手第二部分案例信息。之前案例信息这一方面只是稍微布了局，功能一点没加，所以得从头来过，不过有了患者信息部分的功能基础就比较快了。 首先是在患者详细信息下面对应的案例表里添加对某行对应案例的删除功能，现在表格里加个按钮如下： 然后给按钮添加删除案例功能，利用vue的插槽提取本行案例编号，传给后端接口： const del=(cid)=>{ delcdata(cid,param0).then((res)=>{
2021-07-15 19:22:27
73
原创 山东大学项目实训（七）——患者信息功能完善并与后端服务器对接（7.12、7.13）
前面已经解决了后端服务器的对接问题，所以从今天起我开始负责重写之前写过或者以后另一名前端成员写的本地功能，并将其与服务器对接。这两天主要是必要功能剩余三大部分中的患者信息部分。 因为对服务器请求方式与以前不太一样，要带上登录请求返回的session，所以在登录内加入对session的储存 session=res.data[1].session; localStorage.setItem("session",session); 注册改为注册成功返回登陆界面 因为session后端设置存在时间为30分钟，所以
2021-07-13 18:32:27
128
原创 山东大学项目实训（六）——后端对接遗留问题(关键)
虽然标题写的是六，但其实这一周每天都有花费一段时间解决这个问题，这个问题主要就是后端的接口是一个整体，如果我要调用其他功能接口就必须要在他的服务器里登录也就是调用登录接口，但是我在浏览器里请求登录接口，且成功得到登录数据后，后端服务器并不能记录登录状态，调用其他接口返回500错误（未登录后端设置为500） const login=()=>{ fetchdata(loginparam).then((res)=>{ console.log(res)
2021-07-09 11:38:02
95
原创 山东大学项目实训（五）——众患者信息简表功能完善（本地）（7.7、7.8）
另一位前端成员已经完成了众患者信息简表页面的搭建，也写了一些功能比如创建新患者和编辑之类，这两天我的主要任务是完善众患者信息简表的功能，并且实现点击表行跳转至该患者详细信息页面。 首先是完善众患者信息简表的功能，主要是添加根据地址或者名字搜索，治疗中或治疗完成患者展示。一开始先要设计UI，结合另一名成员写的地址选框以及添加新患者UI，将布局代码完善如下： <div class="handle-box"> <el-select v-model="form3.c
2021-07-09 10:57:13
80
原创 山东大学项目实训（四）——服务器请求体系建立（连上后端接口）及登录注册功能完善（后端对接）（7.5、7.6）
前面已经完成了对一些本地功能的学习和实践，但是我们要完成的web平台肯定要建立在服务器上，所以还需要想办法与后端完成对接。这两天的主要任务就是在我们的本地文件代码上搭建一个服务器请求体系以便与后端接口对接。这个体系的搭建主要建立在ajax上，毕竟现在请求服务器还是以异步为主，这样也能提高计算机运行效率。 首先利用一段时间继续研究ajax，并尝试构造请求函数(主要包含创建、请求拦截器和响应拦截器） import axios from 'axios'; const service = axios.create(
2021-07-09 10:17:09
137
原创 山东大学项目实训（三）——登录注册及页面切换功能实现（本地）（7.1、7.2）
前面我已经完成了登录注册的页面设计以及router的搭建，那么接下来就要实现功能了，不过先从本地的入手，后面再跟后端服务器的接口连上。 首先是登录，登录只有两个参数：phone和pwd，所以首先设定参数并传给功能函数，主要代码如下： const param = reactive({ phone: "", pwd: "", }); const rules = { phone: [ {
2021-07-07 17:11:26
218
原创 山东大学项目实训（二）——vue学习及登录注册界面设计及router配置（6.29、6.30）
这两天我们小组重新讨论了一下要设计的功能，主要得到下图结论 其中1为必要功能，2为首要附加功能，3为次要附加功能 项目刚开始我主要还是以学习为主，在vue的官方网站上看看教程，理解一下原理，然后着手尝试布置一开始的登录和注册界面。在界面设计的组件库上，我与另一名同学商量好使用Element组件库，并且开始边学边搭建登录的界面，最终完成以下登录界面html代码 <template> <div class="login-wrap"> <div class=
2021-07-07 16:51:01
226
原创 山东大学项目实训（一）——分工讨论和环境搭建（2021.6.28）
这次山东大学实训我选择的是周元峰老师的题目——“牙科数据的分割与分类及可视化展示平台。”主要是做一个web平台上的牙科相关展示平台，包括1）多模态牙科数据读取；2）多模态牙科数据可视化；3）多模态牙科数据处理；4）面向牙科医生的交互功能设计；5）案例管理五大主要功能，以及我们讨论得到的一些附加功能。 因为实训正式开始前已经完成分组，所以今天开幕典礼后我们小组就开始进行分工讨论，最终得到两人负责前端，两人负责算法和可视化，一人负责后端的结论。我的工作是前端这一方面，因为我和另一位负责前端的同学在前端方面零基础
2021-07-07 16:20:51
173
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人