首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

40、个人中心页面

前言:本章把个人中心页面写完,基本上这个项目的前端页面制作方面的工作大体就完成了,其它不足的我们在前后端交互的时候继续完善。...GitHub:https://github.com/Ewall1106/mall 1、新建 老规矩,我们还是复制一份test.vue文件并重命名为me,作为个人中心的页面。 路由注册 ?...新建个人中心页面 这样我们个人中心的页面就算是建立完成了。 2、基本结构及样式 (1)顶部栏 因为顶部栏这一块经常使用,所以我还是把它抽离成了一个组件,结构和样式都从以前的页面复制粘贴而来。...昵称头部、历史及其它模块 3、小结 我们先来看看个人中心页面的基本完成效果: ? 个人中心页面的基本完成效果 至此,我们这个项目的前端主要页面就写完了,一共啰嗦了40章,其中的知识点还是挺多的。

2.1K20

威联通(NAS)搭建个人音乐中心

就想着自己搭建一个音乐中心。 看了看威联通内置的音乐播放器和功能,感觉很鸡肋,所以就放弃了。...配置音乐中心 登录网站 打开你的 Container 当时设置的静态 IP,我的当时设置的是:192.168.31.130,所以我在浏览器地址栏输入:http://192.168.31.130 就打开了...配置个人设置:点击左侧【My Account】-【Settings】,找到 Subsonic API password,生成密码,用于手机、电脑的客户端连接音乐中心。 ?...以上音乐中心服务已经配置好了,下边配置的是手机客户端的配置。...如果要配置手机客户端,要具备以下几点: 有公网 IP,或者服务搭建在公网服务器上(可以通过内网穿透解决) 有域名解析到对应的 IP 上 确认公网通过域名可以打开音乐中心的网站 前边教程要求开启的 Subsonic

4K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    九、个人中心功能开发

    九、个人中心功能开发 9.1.drf的api文档自动生成和 (1) url #drf文档,title自定义 path('docs',include_docs_urls(title='仙剑奇侠传...Description 添加字段的描述有三种方式: model的字段中加 serializer的字段加 filter中也可以加 9.2.动态设置serializer和permission获取用户信息  用户个人信息修改...,因为手机号是验证过的,不能随便改 在会员中心页面,想要获取个人信息,只需在UserViewset中多继承一个类:mixins.RetrieveModelMixin  (1)用户详情的序列化 users...return [] return [] #这里需要动态选择用哪个序列化方式 #1.UserRegSerializer(用户注册),只返回username和mobile,会员中心页面需要显示更多字段...                           -->>动态权限分配 get_serializer_class                     -->>动态序列化分配 现在就可以从数据库获取用户的信息了 用户个人信息修改

    90710

    Harmony 个人中心(页面交互、跳转、导航、容器组件)

    首先我们在DevEco Studio中创建一个名为MyCenter的功能,如下图所示: 点击Finish创建项目,项目创建好之后,通过预览就能看到Hello World,下面来说明一下这次开发的个人中心...App包含的内容,首先是一个登录页面,登录进去之后可以通过底部导航切换页面内容,分别是首页和个人的内容,下面我们首先来写登录页面。....width('100%') .padding({ left: 12, right: 12, bottom: 24 }) } } 此时保存一下预览效果是一片空白...通过这些说明,相信你已经知道Tabs()的用法了,下面我们保存预览一下Index,默认是Home,点击Mine,如下图所示: 四、首页 在写这个首页的内容之前,我们先看一下整个页面的布局,如图...五、我的 首先我们看一下我的页面的图 内容同样是呈纵向摆放的,上面是个人信息,中间这里是一个功能列表,最下面是退出按钮,下面我们首先提供列表的数据,在IndexViewModel中写一个函数,代码如下所示

    5.7K23

    制作一个简洁优雅的个人中心页面

    在开发现代应用时,个人中心页面是用户与应用互动的重要界面。设计良好的个人中心页面不仅能提升用户体验,还能提高用户的留存率。本文将通过示例,详细讲解如何设计和开发一个简洁而功能丰富的个人中心页面。1....项目结构我们使用 Vue.js 作为前端框架,结合灵活的 CSS 样式,打造简约但功能齐全的个人中心页面。主要功能包括:会员管理、安全设置、协议查看等。...UI设计在设计个人中心页面时,保持简洁美观尤为重要。我们使用了柔和的颜色和简洁的布局,使整个页面显得干净利落,用户可以轻松浏览和操作。...总结个人中心页面的设计应该以用户为中心,简洁易用。通过合理的布局、交互设计和样式应用,我们不仅提升了页面的视觉效果,还增强了用户体验。...如果你正在设计个人中心页面,不妨参考以上示例,结合你自己的应用需求,打造一个高效、简洁的页面。

    64110

    Android教程-保存数据-保存文件

    它从所有地方都是可读的,因此保存在这里的文件可能在你的控制范围之外被读取....在内部存储中保存一个文件 ---- 当要在一个内部存储中保存一个文件时,你可以通过调用下面两个方法的其中之一,来获取相应的目录 文件 : getFilesDir()     返回一个表示你应用的内部路径的...查询空闲空间 ---- 如果你事先知道要保存多少数据,你就可以通过调用 getFreeSpace() 或者 getTotalSpace() 发现是否有足够空间保存这些数据,而不会导致一个 IOException...如果返回的数量比你想要保存的数据多几个MB,或者如果文件系统占率低于90%,那么往往还算安全。否则,你可能就不应该再往里面写入了. 注意: 你并不一定要在保存你的文件之前检查剩余空间的数量....); 注意: 当用户卸载你的应用时,Android系统会删除下面这些东西 : 所有你保存在外部存储中的文件 所有你使用 getExternalFilesDir() 保存在内部存储上的文件.

    2.7K30
    领券