Skip to content

Share your design work and f**k the life together!

License

Notifications You must be signed in to change notification settings

youyuge34/Noir_Art

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NoirArt (WIP)

诺瓦艺术- 墙内的设计作品分享平台(开发中)

git tag -n :查看不同version版本说明
git check v0.1 :切换到指定版本号,每个版本可运行


v0.1

框架搭建,base基模板编写,主页编写: 蓝图分包,bootstrap主题替换


v0.2

注册登陆逻辑,添加用户注册登陆功能步骤:

  1. 集成flask-login,init,写好load_user函数后才能在所有上下文里调用current_user
  2. html注册、登陆原型写好
  3. 用户模型类(数据库建表)
  4. 登陆注册表单FlaskForm类写好
  5. auth蓝图中写好登陆注册的view函数: 使用current_user的方法判断登陆与否
  6. 修改对应模板html类

v0.3

RBAC 基于权限的角色控制

  1. 创建角色和权限的模型数据库: role 角色表和 permission 权限表建立多对多关系,Userrole 一对多关系. 用户创建时自动set_role()
  2. 权限验证decorator编写,方便以后函数的权限检验

v0.4

Dropzone 上传模块

  1. extensions.py中注册第三方模块
  2. 设置静态参数到settings.py
  3. Dropzone支持wtf-CSRFprotect扩展,配置一下
  4. 添加dropzone的js/css资源文件,编写upload.html
  5. 处理保存上传图片
    • 添加photo数据库模型,建立和User的一对多关系
    • 编写upload.html
    • 视图函数main.upload实现图片保存和图片信息写入数据库

基页面添加动态视频背景,首页组建重写透明度

  1. html5的video标签只支持avc编码的mp4
  2. 父元素使用opacity后子元素也就只能透明,所以要用rgba设置
  3. z-index可指定布局所在层级

v0.5

Dynamic BG 动态/静态 背景开关

  1. 先写change_theme视图函数,接受video/photo参数,存入cookies中, 返回之前的页面
  2. base.html页面中先从cookies中获取参数(默认video),加载对应标签元素
  3. base.html页面的导航栏item中写背景开关,用checkbox,默认checked,onclick()中写JS函数回调,点击后JS会传checkbox的状态参数到 0 step中的视图函数
  4. base.html页面最后写jQuery函数,根据cookies中参数设定改变对应的checkbox状态,必须要声明在script.js文件后面,不然函数还没加载到

v0.6

User页面,Photo详情页面编写完毕

太复杂不想写了!


v0.7

使用AJAX技术,实现鼠标放到头像上之后就弹小窗口

  1. 编写ajax蓝图中的视图函数,接收user_id后返回小窗口页面html
  2. 在头像的父布局_comment.html中添加虚拟classdata-url
  3. js中编写弹出/隐藏函数,目标url就是data-url=0.中的视图函数,返回弹窗内容后,显示出来
  4. js中绑定虚拟class和弹出/隐藏函数

AJAX流程总结:点击按钮后,执行并传参给绑定的JS函数,js函数内通过url get的方式调用视图函数,得到返回结果。 得到结果后,将结果插入/显示到html中,达到动态的效果。

使用js编写toast弹窗提示函数

  1. base.html中添加一个id容器
  2. css中编写toast样式,s中编写toast函数,
  3. js中使用时只需调用toast(body)就好啦~

v0.8

添加图片收藏功能

v0.9

各个页面添加关注功能

v1.0

动态轮询推送,消息中心功能~

v1.1

登陆后首页显示动态

About

Share your design work and f**k the life together!

Resources

License

Stars

Watchers

Forks

Packages

No packages published