这是 Wix Studio 挑战赛：社区版的提交内容。
Latio Team 是一个为拉丁美洲的技术构建者建立的社区，它是一个在参加黑客马拉松时参与、学习、成长和联系的地方。社区页面包括以下功能：
项目链接：https://fredoist.wixstudio.io/latio-team
主页：
人才库：
求职板和帖子
黑客马拉松列表：
连接：
会员简介：
工作查询表格和清单：
如果您已经了解 JavaScript，那么使用 Wix 的 Studio 和 Velo API 进行构建非常容易。
Velo API 的所有文档都清晰且非常完整，而且 Wix Studio 内的编辑器具有一些很棒的自动完成功能，非常易于使用。一旦开始构建和测试编辑器，您就会了解它的工作原理，并且可以快速实现新的 API。
另外一点，Wix 的模板可以让您非常快速地构建一个令人惊叹的网站，设计会适应您添加的每个新应用程序元素，这非常酷，因为您不需要接触其他任何东西。
这是一些功能的代码块，以便您可以复制它们：
职位发布
import { Permissions, webMethod } from "wix-web-module";
import { getJSON } from "wix-fetch";
const formatPrice = (p) =>
new Intl.NumberFormat('en-US', {
notation: 'compact',
maximumFractionDigits: p < 1 ? 3 : 1,
}).format(Number(p));
// GET call using getJSON
export const getJobs = webMethod(Permissions.Anyone, async () => {
const response = await getJSON(
"https://remoteok.com/api",
);
const jobs = response.slice(1).map(job => {
job._id = job.id;
job.salary_range = `$ ${formatPrice(job.salary_min)}-${formatPrice(job.salary_max)}`
job.company_logo = job.company_logo ? `https://remoteok.com/cdn-cgi/image/format=auto,fit=contain,width=100,height=100,quality=50/${job.company_logo}` : null;
job.logo = job.logo ? `https://remoteok.com/cdn-cgi/image/format=auto,fit=contain,width=100,height=100,quality=50/${job.logo}` : null;
job.image = job.company_logo ?? job.logo ?? `https://ui-avatars.com/api/?name=${job.company}`
return job;
})
return jobs;
});
职位页面
import { ok, notFound, WixRouterSitemapEntry } from "wix-router";
import { getJobs } from "backend/fetch-jobs.web"
export async function job_Router(request) {
// Get item name from URL request
const slug = request.path[0];
// Get the item data by name
const jobs = await getJobs();
const data = jobs.filter(job => job.slug === slug)
if (data.length) {
const job = data[0];
// Define SEO tags
const seoData = {
title: job.position,
description: "This is a description of " + job.position + " page",
noIndex: false,
metaTags: [{
"property": "og:title",
"content": job.position
}, ]
};
// Render item page
return ok("job-page", job, seoData);
}
// Return 404 if item is not found
return notFound();
}
export async function job_SiteMap(sitemapRequest) {
const jobs = await getJobs()
// Convert the data to site map entries
const siteMapEntries = jobs.map((job) => {
const data = job;
const entry = new WixRouterSitemapEntry(job.slug);
entry.pageName = "job-page"; // The name of the page in the Wix editor to render
entry.url = "/job/" + job.slug; // Relative URL of the page
entry.title = data.position; // For better SEO - Help Google
return entry;
});
// Return the site map entries
return siteMapEntries;
}
向任何会员发送询问
import { Permissions, webMethod } from "wix-web-module";
import wixData from "wix-data";
export const sendInquiry = webMethod(
Permissions.Anyone,
async (username, email, details, budget) => {
const results = await wixData.query("Members/PrivateMembersData").eq('slug', username).find()
const member = results.items.length > 0 ? results.items[0] : null;
if(member) {
const memberId = member._id;
const result = await wixData.save("WorkInquiries", {
recipientId: memberId,
contactEmail: email,
details,
budget
})
if(result) {
return true
}
}
return false;
}
);
获取会员查询
import { Permissions, webMethod } from "wix-web-module";
import { query } from "wix-data";
import { currentMember } from "wix-members-backend"
export const getInquiries = webMethod(
Permissions.SiteMember,
async () => {
const member = await currentMember.getMember();
const data = await query("WorkInquiries").eq('recipientId', member._id).find();
return data.items;
}
);
以上是Latio Team：技术黑客共同构建的社区的详细内容。更多信息请关注PHP中文网其他相关文章！
